JS实现钟表计时器功能

最新推荐文章于 2023-12-04 16:55:42 发布

black_OX

最新推荐文章于 2023-12-04 16:55:42 发布

阅读量2.8k

点赞数

分类专栏： JavaScript 文章标签： button function input date ajax 日历

本文链接：https://blog.csdn.net/black_OX/article/details/7637128

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

我们利用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="开始"  οnclick="funBeginDisTime()"/>
    <span id="myClock"></span>
    <input id="Button1" type="button" value="暂停" οnclick="funStopDisTime()" />
</body>

====================================================

setInterval() 是循环重复执行某个动作,

setTimeout()是只执行一次.

比如我们每五秒就通过AJAX向服务器发送一次请求.那么就可以用setInterval():

setInterval("reloadAction()", 5000);

function reloadAction() {
	$.ajax({
		"type":"POST",
		"url":"live.php",
		"data":"getData=live",
		"success":function(data) {
                     // ....
		}
	});
}

black_OX

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JS实现钟表计时器功能

我们利用new Date();可以轻松的实现钟表功能,甚至日历功能.如果要实现计时器功能也可以用这个对象.var c = 1000; // 一千微秒,就是一秒function funBeginDisTime() { c = c + 1000; // 节奏为一秒 var now = new Date(0,0,0,0,0,0,c); var day = no
复制链接

扫一扫