加载时Javascript倒计时计时器错误

Javascript countdown timer error when loading

本文关键字：计时器 错误 倒计时 Javascript 加载      更新时间：2023-09-26

我有定时器倒计时的javascript代码。目前的输出是，秒数从60递减到0，但秒数达到0时，分数不递减。我在下面添加了一个jsfiddle，请帮助我。jsFiddle: https://jsfiddle.net/jyv3gLup/

我的javaScript代码添加在下面，

function getDifferenceTime(){
var deadline= Date.parse(new Date("2016-11-1T05:00:00"));
var difval= deadline- Date.parse(new Date());
var days= Math.floor(difval/(1000*60*60*24));
var hours= Math.floor( (difval/(1000*60*60))%24);
var minutes= Math.floor( (difval/(1000/60))%60);
var seconds= Math.floor( (difval/1000)%60);
document.getElementById("tes").innerHTML= days + "Days and " +hours + "hours and " + minutes + " Minutes  and"  + seconds;  
}
getDifferenceTime();
setInterval(getDifferenceTime, 1000);


function getDifferenceTime(){
 var deadline= Date.parse(new    Date("2016-11-1T05:00:00"));
  var diff_val= deadline- Date.parse(new Date());
  var days= Math.floor(diff_val/(1000*60*60*24));
  var hours= Math.floor((diff_val/(1000*60*60))%24);
  var minutes= Math.floor((diff_val/(1000*60))%60);
  var seconds= Math.floor((diff_val/1000)%60);									document.getElementById("date_test").innerHTML= days + "Days and " +hours + "hours and " + minutes + " Minutes  and "  + seconds;	
  var clear_value = document.getElementById("date_test").innerHTML; 
  if( (days==0) && (hours==0) && (minutes==0) && (seconds==0) ){
     clearInterval(clear_value); // clears your timer
     
  }
  
								}// function close
getDifferenceTime();
								setInterval(getDifferenceTime, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="date_test"></div>

这里是JSFiddle

你有这个:Math.floor((difval/(1000/60)%60);它应该是Math.floor((difval/(1000*60)%60);

相关文章：