js中setInterval/clearInterval与setTimeout/clearTimeout

来源：互联网发布：项目管理强矩阵编辑：程序博客网时间：2024/04/28 19:40

来自：http://www.cnblogs.com/hanwater/archive/2009/05/09/1453072.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>