<!DOCTYPE html>
<html>
<head>
<title>点名器效果</title>
<style>
body{text-align:center;}
#showName{
font-size:20px;
color:red;
font-weight:bold;
width:200px;
height:35px;
margin:0px auto;
text-align:center;
}
</style>
</head>
<body >
<div id="showName"></div>
<a href="javascript:start()">开始</a>
<a href="javascript:stop()">结束</a>
</body>
<script>
var sn=document.getElementById("showName");
var arr=new Array();
var s=0;
var time;
//初始化数组
function init(){
//alert(sn.innerHTML); //显示内容包括标签
//alert(sn.innerText); //显示内容不包括标签
sn.innerHTML="这里显示名字";
for(var i=0;i<100;i++){
arr[i]="曲明超"+i;
}
}
//显示运行
function run(){
//alert(s);
sn.innerHTML=arr[s];
if(s<arr.length-1){
s=s+1;
}else{
s=0;
}
}
//开始
function start(){
time=setInterval("run()",100);
}
//暂停
function stop(){
clearInterval(time);
}
//初始化
init();
</script>
</html>
js点名器效果
2013-01-16
972
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
点名器效果 body{text-align:center;} #showName{ font-size:20px; color:red; ...
目录
相关文章
|
9月前
|
JavaScript
前端开发
|
3月前
|
JavaScript
前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
49
1
1
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
138
2
2
|
3月前
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
195
4
5
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
107
4
4
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
98
4
4
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
112
4
4
热门文章
最新文章
1
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
2
JavaScript闭包深入剖析：性能剖析与优化技巧
3
html+js+css实现的建筑方块立体数字时钟源码
4
如何通过pm2以cluster模式多进程部署next.js（包括docker下的部署）
5
Next.js 实战 (九)：使用 next-auth 完成第三方身份登录验证
6
JavaWeb JavaScript ③ JS的流程控制和函数
7
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
8
Vue.js应用结合Redis数据库：实践与优化
9
一段 JavaScript 代码，集成网站AI语音助手
10
【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
1
【02】仿站技术之python技术，看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡
23
2
Node.js 中实现多任务下载的并发控制策略
32
3
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
25
4
【JavaScript】深入理解 let、var 和 const
48
5
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
44
6
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
53
7
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
55
8
如何通过pm2以cluster模式多进程部署next.js（包括docker下的部署）
71
9
【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
55
10
JavaWeb JavaScript ③ JS的流程控制和函数
62