javascript中的window对象的setTimeout使用

最新推荐文章于 2024-07-24 11:09:48 发布

weixin_33882443

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量75

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/1014520/blog/219970

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>window对象setTimeout</title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
	<style type="text/css">
		div{
			font-size:20px;
			font-weight:bold;
			font-family:Verdana, Geneva, sans-serif;
		}
	</style>
	<script language="javascript">
		var msg = new Array();//存放显示文字数组
		msg.push("-----");
		msg.push("你知道吗？");
		msg.push("-----");
		msg.push("如果生命没有遗憾，没有波澜...");
		msg.push("------");
		msg.push("你会不会没有说再见的那一天！");
		msg.push("离别嘎嘎嘎嘎嘎嘎");

		//根据数组个数生成对应个数的div
		for(i=0;i<=msg.length/2;i++){
			document.write("<div></div>");
		}
		var interval = 100;
		var seq=0;//显示文字的位置
		var i=0,j=0;

		//打字效果显示
		function Scroll(){
			if(i%2==0){
				document.getElementsByTagName("div").item(j).innerHTML=msg[i].substring(seq,seq+1);//显示“-----”的第一个
			}else{
				document.getElementsByTagName("div").item(j).innerHTML=msg[i].substring(0,seq+1);
			}
			seq++;
			if(seq>msg[i].length){//全部显示完一行的所有文字
				seq=0;
				i++;    //开始显示msg的下一元素
				if(i%2==0) j++;//要显示文字才换行
				interval=900;
			}
			if(i>=msg.length){  //全部显示完所有行
				i=0;
				j=0;
				setTimeout("clearText()",2000);//文字显示完毕后停2秒后清空
				return;
			}
			var timerScroll=setTimeout("Scroll()",interval);//0.1s定时执行
			interval=100;
		}

		function clearText(){
			for(k=0;k<(document.getElementsByTagName("div").length);k++){
				document.getElementsByTagName("div").item(k).innerHTML="";	
			}
			interval=100;
			Scroll();//循环显示
		}
	</script>
 </head>

 <body onload="Scroll();" style="margin:20px 80px">
 </body>
</html>

转载于:https://my.oschina.net/u/1014520/blog/219970