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

技术 476
技术 476

原生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)
  • copyright
    著作权归作者所有
  • person
  • play_arrow
    476 Views
  • create
  • autorenew
    最后修改:2018 年 10 月 03 日
  • local_offer
copyright info_outline

*