定时执行,在设定时间后会执行代码的内容,如
setTimeout(function(){
console.log('aa')
},1000)
在1秒后(1000毫秒)控制台打印aa
setInterval
每隔设定的时间执行一次代码,如
setInterval(function(){
console.log('aa')
},1000)
每1秒(1000毫秒)在控制台打印aa,直到使用clearInterval停止
利用new Date()可以轻松的实现钟表功能,甚至日历功能.如果要实现计时器功能也可以用这个对象.
var c = 1000 // 一千微秒,就是一秒
function funBeginDisTime() {
c = c + 1000 // 节奏为一秒
var now = new Date(0,0,0,0,0,0,c)
var day = now.getDate()
var hour = now.getHours()
var minutes = now.getMinutes()
var sec = now.getSeconds()
$("#myClock").html(day + "天"+ hour + "时" + minutes + "分" + sec + "秒")
myTime = setTimeout("funBeginDisTime()", 1000)// 每一秒执行一次
}
function funStopDisTime() {
clearTimeout(myTime)
}
body>
<input id="Button2" type="button" value="开始" onclick="funBeginDisTime()"/>
<span id="myClock"></span>
<input id="Button1" type="button" value="暂停" onclick="funStopDisTime()" />
</body>
setInterval() 是循环重复执行某个动作,
setTimeout()是只执行一次.
比如每五秒就通过AJAX向服务器发送一次请求.那么就可以用setInterval():
[javascript] view plain copy
setInterval("reloadAction()", 5000)
[javascript] view plain copy
function reloadAction() {
$.ajax({
"type":"POST",
"url":"live.php",
"data":"getData=live",
"success":function(data) {
// ....
}
})
}