JS 倒计时(一天的倒计时)

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>JS 倒计时</title>
</head>
<body><div id="test"></div>
</body>
</html>

function NextTime(next, cb) {var t;(function ft(){var dif = (next.getTime() - (new Date()).getTime()) / 1000;if(dif > 0){t = setTimeout(ft, 1000);if(cb)cb(Math.floor(dif % 86400 / 3600),  Math.floor(dif % 3600 / 60), Math.floor(dif % 60));} else {clearTimeout(t);}})();return function(){clearTimeout(t);};
}function lpad(num, n) {var len = num.toString().length;while(len < n) {num = "0" + num;len++;}return num;
}var now  = new Date();
var next = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
new NextTime(next, function(hour, minute, second){document.getElementById("test").innerHTML=lpad(hour, 2) + ':' + lpad(minute, 2) + ':' + lpad(second, 2);
});

效果预览

转载于:https://my.oschina.net/meng527/blog/1498676

JS 倒计时(一天的倒计时)相关推荐

html倒计时timer,js如何使用定时器实现倒计时功能
这次给大家带来js如何使用定时器实现倒计时功能,js使用定时器实现倒计时功能的注意事项有哪些,下面就是实战案例,一起来看一下. 日期函数倒计时 = 用将来的时间 - 现在的时间问题:将来时间距 ...
利用JS实现短信验证码倒计时案例
本章教程利用JS实现发送短信倒计时案例,这个需求在实际开发过程很常见. 目录一.程序代码二.预览展示一.程序代码 <!DOCTYPE html> <html lang=&quo ...
HTML+CSS+svg绘制精美彩色闪灯圣诞树，HTML+CSS+Js实时新年时间倒数倒计时(附源代码)
HTML+CSS+svg绘制精美彩色闪灯圣诞树, HTML+CSS+Js实时新年时间倒数倒计时(附源代码) 本篇目录一.前言二.主要功能三.效果展示四.编码实现步骤五.资源下载六.完整源代 ...
JS实现考试题目系统倒计时自动交卷（转载）
JS实现考试题目系统倒计时自动交卷(转载) 自动交卷JS代码(微改) 自动交卷JS代码(微改) 目前为60分钟自动执行BT_JJ(Button)按钮点击事件,时间显示在LB_JS(Label)中 &l ...
JS 写的5秒钟倒计时跳转
js写的5秒钟倒计时跳转 jquery-3.4.1下载 <!DOCTYPE html> <html lang="en"> <head><m ...
android 万能倒计时，时分秒倒计时
1.工具类 /*** 作者:created by meixi* 邮箱:15913707499@163.com* 日期:2018/12/28 15*/public class TimerUtil {pr ...
android 考试倒计时,考试倒计时软件下载-考试倒计时v1.0 最新版-腾牛安卓网
考试倒计时是一款帮助你快速记录时间的工具.一键在线设置倒计时,可以轻松为你带来倒计时体验.不会错过重要日子,非常的实用.感兴趣的朋友不要错过了,快来下载体验吧. 应用介绍: 一款考试倒计时帮助您管理纪 ...
倒计时软件下载,桌面倒计时便签软件推荐
在工作.学习.日常生活中,总有一些比较重要的事项,需要我们记录到桌面.为了增强紧迫感,有时候还需要设置倒计时.看着倒计时软件显示的时间一天天变少,自己完成任务的速度也加快了.那么桌面倒计时软件好用的有 ...
html倒计时星期日,Web前端——倒计时效果
一.JavaScript Date对象 getYear() 获取年份,获取年最好用 getFullYear()获取完整格式年份,如2014,一般用这个 getMonth()获取月,从0开始(0~11) ...
活动倒计时范例（日期倒计时例子）
活动倒计时范例(日期倒计时例子) <!DOCTYPE html> <html lang="en"> <head><meta charset ...

JS 倒计时(一天的倒计时)

JS 倒计时(一天的倒计时)相关推荐

最新文章

热门文章