setInterval()和setTimeout()参考代码学习
发布时间：2014-11-23 编辑：jiaochengji.com
本文介绍下，在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.jiaochengji.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>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>setInterval()和setTimeout()参考代码-www.jiaochengji.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>
<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)的区别分析
您可能感兴趣的文章：
js定时调用函数(SetInterval与setTimeout)的区别分析
js中setInterval与setTimeout用法举例
setInterval()和setTimeout()参考代码学习
JS计算网页停留时间示例代码
Jquery中setInterval、setTimeout使用要注意的问题
JS实现匀速运动的简单例子
关于setInterval、setTimeout在jQuery中的使用注意事项
Jquery中使用setInterval和setTimeout的方法
jQuery setTimeout()函数使用方法
JavaScript中setInterval的用法详解
[关闭]