setInterval()和setTimeout()参考代码学习

发布时间:2019-08-13编辑:脚本学堂
本文介绍下,在js代码中使用setInterval()和setTimeout()的例子,有需要的朋友,不妨参考下。

参考代码1:
 

复制代码 代码示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>setInterval()和setTimeout()参考代码-www.jb200.com</title>
<script type="text/javascript">
setTimeout(txt,1000); 
function   txt(){ 
document.body.innerHTML = "<font   color=red> OK " + parseInt(Math.random()*1000)+1 + "</font> ";
setTimeout(txt,1000);
}
//setInterval("txt()",1000); //用这个的话每间隔3000毫秒执行一次
//setTimeout(txt,3000);  //用这个的话执行一次就不执行了
</script>
</head>
<body>
</body>
</html>

参考代码2,
 

复制代码 代码示例:
<div id="time"></div>
<input type="button" onclick="start_time()">开始计时</buttom>
<input type="button" onclick="stop_time()">停止计时</buttom>
<input type="button" onclick="reset_time()">重新计时</buttom>
<script language="javascript">
var i=0;
function start_time(){
i++;
time.innerHTML=i;
b=setTimeout("start_time()",1000);
}
function stop_time(){
clearTimeout(b)
}
function reset_time(){
i=0;
time.innerHTML=0;
}
</script>

您还可以参考如下的文章:
js定时调用函数(SetInterval与setTimeout)的区别分析