setInterval的作用是每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。
setInterval的语法格式:setInterval(function,time)
参数:
function是调用的函数名或是调用的匿名函数
time是调用两次function的时间间隔,以毫秒为单位
下面的时钟例子中每1毫秒就调用getCurrentTime函数获取当前时间,例子中设有两个按钮分别是“暂停”和“重新启动”。
getCurrentTime函数如下
function getCurrentTime(){
var date=new Date();
var year=date.getFullYear();
//0-11
var month= date.getMonth()+1;
var dayOfWeek=date.getDay();
var dayOfMonth=date.getDate();
var hour=date.getHours();
var minutes=date.getMinutes();
var seconds=date.getSeconds();
var milliSeconds=date.getMilliseconds();
var currentTime=year+"年"+month+"月"+dayOfMonth+"日 "+hour+":"+minutes+":"+seconds+" "+milliSeconds;
document.getElementById("currentTime").innerHTML=currentTime;
}
注意:必须在方法外声明
var timeout = setInterval(getCurrentTime,1);//必须在方法外
function restart(){
getCurrentTime();
timeout = setInterval(getCurrentTime,1);
}
clearInterval的作用是清除对setInterval函数的调用,timeout是调用setInterval的返回对象。
function testPause(){
clearInterval(timeout);
}