亿七博客-分享网络技术资源|软件下载|美图壁纸

关注技术资源
关注用户体验

活抓一只小亿七

即使你忘却了我,我也不会遗忘你。

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)
未经允许不得转载:亿七博客-分享网络技术资源|软件下载|美图壁纸 » JS代码,指定时间到现在的计时器

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址