刷新时间也不一定就是50毫秒最好,但是考虑到人的肉眼识别能力,刷新频率太快也没啥意义,另外,我们应该考虑到两种需求情况:1.现在距离将来某一时间还有多久;2.从过去某一时间到现在已经经历了多久。
<div id="timeB"></div> <script type="text/javascript"> function countDown(endTime, startTime = new Date()) {//为了满足一些特殊情况这里给一个开始时间的参数并附上默认值,一般情况只需要传入结束时间即可 let date = endTime - startTime; //时间差 let mmsec = date % 1000 //所余毫秒数 let seconds = Math.floor(date / 1000 % 60); //所余秒数 let minutes = Math.floor(date / 1000 / 60 % 60); //所余分钟数 let hour = Math.floor(date / 1000 / 60 / 60 % 24); //所余时钟数 let day = Math.floor(date / 1000 / 60 / 60 / 24); //天数 return { day: day , hour: hour , minutes: minutes , seconds: seconds , mmsec: mmsec } } const timeB = document.querySelector('#timeB'); //开启定时器 setInterval(() => { let time = countDown(new Date(2016, 8, 1));//只需要传入结束时间 timeB.innerHTML = "距离2016年9月1号00点还有" + time.day + "天" + time.hour + "小时" + time.minutes + '分钟' + time.seconds + '秒' + time.mmsec + "毫秒"; }, 50); </script>
效果:
相关推荐
闲着没事 发个倒计时代码 可以精确到毫秒的
主要为大家详细介绍了js实现精确到毫秒的倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
js编写的倒计时特效,精确到毫秒。可以自由控制倒计时结束时间。
本文实例讲解js毫秒倒计时同时进行效果的代码,分享给大家供大家参考,具体内容如下 实现功能:调用一个函数,传入html元素的id,和一个截止时间(unix时间戳),在该html元素中打印出到当前到截止时间为止的倒计时,...
主要以实例的方式讲解多个js毫秒倒计时同时进行效果,感兴趣的小伙伴们可以参考一下
淘宝聚划算倒计时JS代码 - 精确到毫秒 [保证可用]
JavaScript实现倒计时
精确到毫秒jQuery倒计时代码是一款基于JQ实现的活动倒计时代码下载。
js编写的倒计时特效,精确到毫秒。可以自由控制倒计时结束时间。
js 苹果iwatch毫秒计时器 js 苹果iwatch毫秒计时器 js 苹果iwatch毫秒计时器 js 苹果iwatch毫秒计时器 js 苹果iwatch毫秒计时器
jQuery 60秒倒计时精确到毫秒
原生js实现简单的一款倒计时计时插件下载。基于原生JavaScript编写的一款通用倒计时计时插件,精确到毫秒,简单实用。
vue混vue天时分秒倒计时效果 https://download.lllomh.com/cliect/#/product/F408496910757528
原生JS时分秒倒计时,简洁易懂的公式,包括剩余天数,小时,分钟,秒,毫秒
彩色方块倒计时JS代码,三种倒计时功能显示,精确到毫秒。
JavaScript源生倒计时(时分秒/毫秒),简单无依赖,可扩展性强
精确到毫秒秒杀倒计时PHP源码实例,前台js活动展示倒计时,后台计算倒计时时间。每0.1秒定时刷新活动倒计时时间。 PHP: // 注意:php的时间是以秒算。js的时间以毫秒算 // 设置时区 date_default_timezone_set('...
jQuery精确到毫秒的倒计时代码.zip
js倒计时30秒才能点击跳转页面代码 js倒计时30秒才能点击跳转页面代码 js倒计时30秒才能点击跳转页面代码 js倒计时30秒才能点击跳转页面代码