Welcome 您好!

    

JS代码,指定时间到现在的计时器

原生js,显示指定时间到现在的天数,小时,分钟,秒钟
可用于网站运行天数,记录一些时间等。

html

<div>
<div id="nowTime">
    从2018-10-01 00:00:00到现在已经过了:
    <span id="timeDay"></span>天
    <span id="timeHour"></span>时
    <span id="timeMinute"></span>分
    <span id="timeSecond"></span>秒
</div>
</div>

js

 //制定日期时间戳
 var strtime = '2018-10-01 00:00:00:000';
 //当前时间时间戳
 function foxc() {
 var nowTime = (Date.parse(new Date())) / 1000;
 // var date = new Date(strtime); //传入一个时间格式,如果不传入就是获取现在的时间了,这样做不兼容火狐。
 // 可以这样做
 var date = new Date(strtime.replace(/-/g, '/'));
 // 有三种方式获取,在后面会讲到三种方式的区别
 var time3 = (Date.parse(date)) / 1000;
 var time4 = nowTime - time3;
 var timeDay = Math.floor(time4 / 60 / 60 / 24);
 var timeHour = Math.floor(time4 / 60 / 60) - timeDay * 24;
 var timeMinute = Math.floor(time4 / 60) - timeDay * 24 * 60 - timeHour * 60;
 var timeSecond = Math.floor(time4) - timeDay * 24 * 60 * 60 - timeHour * 60 * 60 - timeMinute * 60;
 // console.log(time4)  //总秒数
 // console.log(timeDay)  //天数
 // console.log(timeHour) //小时
 // console.log(timeMinute)  //分钟
 // console.log(timeSecond)  //秒数
 /*  var qwer = document.getElementById("nowTime")
   qwer.innerHTML(timeDay)*/
 document.getElementById("timeDay").innerHTML = timeDay;
 document.getElementById("timeHour").innerHTML = timeHour;
 document.getElementById("timeMinute").innerHTML = timeMinute;
 document.getElementById("timeSecond").innerHTML = timeSecond;
 }
 window.setInterval(foxc, 1000)

亿七Seven

添加新评论

有种脾气叫,不放弃。

梦想是注定孤独的旅行,路上少不了质疑和嘲笑,但那又怎样,哪怕遍体鳞伤也要活的漂亮。

不管现在有多么艰辛,我们也要做个生活的舞者。

命运从来不会同情弱者。

不怕万人阻挡在前方,只怕自己先行投降。