在编写客户端脚本时,我们经常用到setInterval()函数,这个函数的原型如下:
setInterval(code,millisec)
其中,code是要调用的函数或执行的代码串;mellisec为周期性执行或调用code代码之间的时间间隔,单位为毫秒,这两个参数都是必需给出的。
该函数的返回值为setInterval函数的ID标识,每次调用setInterval函数都会产生一个唯一的ID,可以通过clearInterval函数(此函数的参数接收一个setInterval返回的ID)暂停setInterval函数。
该函数可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作clearInterval() 方法的参数。
下面举一个例子来说明setInterval()的使用方法,这个例子主要是在客户端显示当前的时间:
<html>
<head>
<title>Javascript 的动态时间-武林网CUOXIN(www.vevb.com)</title>
</head>
<body>
<script type="text/javascript">
function showTime(){
var dt= new Date () ;
var curDate= dt.getFullYear()+"年"+dt.getMonth()+"月"+dt.getDate()+"日" ;
var curTime = dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
var curDateTime = curDate+" " + curTime;
document.getElementById('curDateTime').innerHTML = curDateTime;
}
setInterval(showTime,1000);
</script>
<h1>Javascript动态显示日期和时间</h1>
<p>你观察一下面的日期和时间是否在不断地变化,而且与你的系统时间是一致的。</p>
<p id = "curDateTime"></p>
</body>
</html>
新闻热点
疑难解答