<!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點名器效果
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。