您的位置：首页 > Web前端 > JavaScript

js中setInterval/clearInterval与setTimeout/clearTimeout

2010-11-19 16:35 706 查看

来自：/article/6496950.html

[setTimeout]
setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数是一次

[setInterval]
setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式

由于经常要用到这个而且每次都记不得不完全，总是要上网搜索一次，太麻烦了，自己写一个测试页面。

<html>
<head>
<title>setTimeout 和 setInterval测试用例页面</title>
</head>
<body>
<script language="javascript">
//设置全局变量
var staticObj = {};
staticObj.timer = "";
staticObj.timer2 = "";
staticObj.count = 0;

function startReload()
{
//设置Interval
staticObj.timer = setInterval("reloadData()",500);
}

function stopReload()
{
//清除Interval
clearInterval(staticObj.timer);
}

function reloadData()
{
staticObj.count++;
alert("Interval循环次数：" + staticObj.count);
if(staticObj.count == 5)
{
stopReload();
alert("Interval循环已经结束！开始进入setTimeout函数");
//设置Timeout
staticObj.timer2 = setTimeout(timeoutFn,100);
}
}

function timeoutFn()
{
clearTimeout(staticObj.timer2);
alert("执行了setTimeout函数并清除了对象");
}

startReload();
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航