js定时器倒计时

Html

Css

现在时间：
距离百年国庆还有：

  div {
	width:400px;
	height:30px;
	text-align:center;
	margin:10px auto;
}

function p(s) {
     return s < 10 ? '0' + s : s;
 }
 $(function() {

function mydata() {
         var myDate = new Date();
         //获取年
         var year = myDate.getFullYear();
         var month = myDate.getMonth() + 1;
         var day = myDate.getDate();
         var H = myDate.getHours();
         var M = myDate.getMinutes();
         var S = myDate.getSeconds();
         var now = year + "-" + p(month) + "-" + p(day) + " " + p(H) + ":" + p(M) + ":" + p(S);
         $(".newtime").html(now);
     }

function National_Day() {
         var date = Date.parse(new Date());
         var timestamp = Date.parse(new Date("2049-10-01 00:00:00"));
         var National = (timestamp - date) / 1000; //S为单位
         var S = Math.floor(National % 60);
         var M = Math.floor(National / 60 % 60);
         var H = Math.floor(National / 60 / 60 % 24);
         var day = Math.floor(National / 60 / 60 % 24);
         var month = Math.floor(National / 60 / 60 / 24 % 30);
         var year = Math.floor(National / 60 / 60 / 24 / 30 / 12);
         var now = year + "年" + p(month) + "月" + p(day) + "日 " + p(H) + "时" + p(M) + "分" + p(S) + "秒";
         $(".National").html(now);
     }

setInterval(mydata, 1000);
     setInterval(National_Day, 1000);
 });

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js定时器倒计时



代码描述：原生JS写的倒计时

3

最新

发表评论全部评论

暂时没有评论！

天使8911090

2017/12/14 12:01:11

这个相距的年月日好像不对，应该无法算具体相差多少年多少月多少日，因为年有平年有闰年之分，所以月跟日无法算出准确的值

带着梦想去旅行0

2017/12/15 11:07:21

确实是有这个因素存在，一般这个只用到商城抢单的倒计时，等时间上比较短的。把时间放的长一点主要是怕时间时间到了定时器就不走了

带着梦想去旅行0

2017/12/15 11:08:26

确实是有这个因素存在，一般这个只用到商城抢单的倒计时，等时间上比较短的。把时间放的长一点主要是怕时间时间到了定时器就不走了。而且也没有写时间到了将定时器停止。

回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

带着梦想去旅行

相关代码

js定时器倒计时

最新