JS中window.setInterval和window.setTimeout的区别

最新推荐文章于 2024-06-08 09:03:50 发布

liguiping2000

最新推荐文章于 2024-06-08 09:03:50 发布

阅读量1k

点赞数

文章标签： html function xhtml date .net

本文链接：https://blog.csdn.net/liguiping2000/article/details/7018604

版权

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

用setTimeout实现的自动变化显示随机数的效果:

Html代码

<html> 
<head> 
<script> 
window.οnlοad=sett; 
function sett(){ 
 document.body.innerHTML=Math.random(); 
 setTimeout("sett()",500); 
} 
</script> 
</head> 
<body> 
</body> 
</html>

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

用setInterval实现的自动变化显示随机数的效果:

Html代码

<html> 
<head> 
<script> 
function sett(){ 
 document.body.innerHTML=Math.random(); 
} 
setInterval("sett();", 500);  
</script> 
</head> 
<body> 
</body> 
</html>

例子：实时显示系统时间

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="网页特效" />
<meta name="description" content=" www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 js获取系统时间站长特效欢迎您。</title>

</head>
<bodys>
<a href=" http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<span id=www_zzjs_net></span>
<script type="text/javascript">
function showLocale(objD)
{//欢迎来到站长特效网，我们的网址是 www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var str,colorhead,colorfoot;
var yy = objD.getYear();
if(yy<1900) yy = yy+1900;
var MM = objD.getMonth()+1;
if(MM<10) MM = '0' + MM;
var dd = objD.getDate();
if(dd<10) dd = '0' + dd;
var hh = objD.getHours();
if(hh<10) hh = '0' + hh;
var mm = objD.getMinutes();
if(mm<10) mm = '0' + mm;
var ss = objD.getSeconds();
if(ss<10) ss = '0' + ss;
var ww = objD.getDay();
if ( ww==0 ) colorhead="<font color=\"#FF0000\">";
if ( ww > 0 && ww < 6 ) colorhead="<font color=\"#373737\">";
if ( ww==6 ) colorhead="<font color=\"#008000\">";
if (ww==0) ww="星期日";
if (ww==1) ww="星期一";
if (ww==2) ww="星期二";
if (ww==3) ww="星期三";
if (ww==4) ww="星期四";
if (ww==5) ww="星期五";
if (ww==6) ww="星期六";
colorfoot="</font>"
str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + ww + colorfoot;
return(str);
}
function tick()
{//欢迎来到站长特效网，我们的网址是 www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
var today;
today = new Date();
document.getElementById("www_zzjs_net").innerHTML = showLocale(today);
window.setTimeout("tick()", 1000);
}//欢迎来到站长特效网，我们的网址是 www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
tick();
</script>
<script type='text/javascript'>
d = new dTree('d','../');
d.add(1,-1,'部门簇','getHDeptment.action','部门簇','centerframe1','','',false);
d.add(1-10-11,1-10,'上城区第一车队','getHDeptment.action?flag=1&hDeptment.deptId=11','上城区第一车队','centerframe1','','',false);
d.add(1-25,1,'统计','getHDeptment.action?flag=1&hDeptment.deptId=25','统计','centerframe1','','',false);
d.add(1-25-26,1-25,'11','getHDeptment.action?flag=1&hDeptment.deptId=26','11','centerframe1','','',false);
d.add(1-25-26-27,1-25-26,'统计统计','getHDeptment.action?flag=1&hDeptment.deptId=27','统计统计','centerframe1','','',false);
d.add(1-25-28,1-25,'同级','getHDeptment.action?flag=1&hDeptment.deptId=28','同级','centerframe1','','',false);
d.add(1-31,1,'222','getHDeptment.action?flag=1&hDeptment.deptId=31','222','centerframe1','','',false);
d.add(1-31-34,1-31,'a','getHDeptment.action?flag=1&hDeptment.deptId=34','a','centerframe1','','',false);
document.write(d);
ALERT(d);
</script>
</body>
</html>