js倒计时精确到毫秒

最新推荐文章于 2023-11-14 10:56:21 发布

weixin_43795169

最新推荐文章于 2023-11-14 10:56:21 发布

阅读量866

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/weixin_43795169/article/details/104791436

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

倒计时精确到毫秒（只保留100以内的毫秒数）

<body>
		<div class="time"></div>
	</body>
	<script>
		var day = 0;  var hr  = 0; var min = 0; var sec = 0; var ms = 0;  
	    var newExpire = 3 ;     //过期时间 3分钟
	    var created_at='xxxx-xx-xx hh:ss:mm'     //倒计时开始时间
	    
		var tim = setInterval(function() {      //循环函数countdown
          countdown();
        }, 10)  
        var newtime=created_at.replace(/-/g, "/");     //ios端，要将'xxxx-xx-xx‘ 格式转换成 'xxxx/xx/xx‘
         
        function countdown() {
	        var now = new Date(this.newtime);
	        var date = now.getTime();
	        var minutes = Number(this.newExpire);
	        var end = now.setMinutes(now.getMinutes() + minutes);
	        var time_now = new Date().getTime();
	        var msec = end - time_now;
	
	        if (msec > 0) {
	          day = parseInt(msec / 1000 / 60 / 60 / 24);   //天
	          hr = parseInt(msec / 1000 / 60 / 60 % 24);   //时
	          min = parseInt(msec / 1000 / 60 % 60);    //分
	          sec = parseInt(msec / 1000 % 60);      //秒
	          ms =  Math.floor(msec %1000);   //毫秒
	          
	          ms=String(ms).substring(0,2);
	          day = day;
	          hr = hr > 9 ? hr : '0' + hr;
	          min = min > 9 ? min : '0' + min;
	          sec = sec > 9 ? sec : '0' + sec;
	        } else {
	          clearInterval(tim);
	          day = 0；
	          hr = 0；
	          min = 0；
	          sec = 0；
	          ms = 0；
	        }
	        document.getElementsByClassName('time')[0].innerHTML =`${min}:${sec}:${ms}`
      }
	</script>