Question

用JS实现钟表计时器功能

想要的效果是这样的

服务器也正常运行：X天X时X分X秒

时间一直增加

Answer 1

利用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) {
// ....
}
});
}