Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
自动倒计时计时器-Javascript_Javascript_Timer_Countdowntimer - Fatal编程技术网

自动倒计时计时器-Javascript

自动倒计时计时器-Javascript,javascript,timer,countdowntimer,Javascript,Timer,Countdowntimer,在第一次倒计时结束后,我试图使计时器自动更改为第二个新日期() 这样做的目的是为了防止我需要更改倒计时的日期,我不必在js文件过期后手动编辑和上传js文件。但是我还没有弄清楚是怎么回事。 下面是我尝试过的脚本,输出为“过期”。我哪里做错了?谢谢你的支持 <script> // Set the date we're counting down to var countDownDate = new Date("Jan 5, 2020 14:00:00").getTime(); var c


在第一次倒计时结束后,我试图使计时器自动更改为第二个
新日期()
这样做的目的是为了防止我需要更改倒计时的日期,我不必在js文件过期后手动编辑和上传js文件。但是我还没有弄清楚是怎么回事。

下面是我尝试过的脚本,输出为“过期”。我哪里做错了?谢谢你的支持

<script>
// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2020 14:00:00").getTime();
var countDownDate2 = new Date("Jan 15, 2020 14:00:00").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get today's date and time
  var now = new Date().getTime();

  // Find the distance between now and the count down date
  var distance = countDownDate - now;
  var distance2 = countDownDate2 - now;
  var a = distance;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(a / (1000 * 60 * 60 * 24));
  var hours = Math.floor((a % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((a % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((a % (1000 * 60)) / 1000);

  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";

  // Change to another exp.
  if (distance < 0 && distance2 >0) {
   function changeDate() {
   a = distance2; 
   }
  }
  // If the count down is over, write some text 
  else {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);
</script>

//确定我们倒计时的日期
var countDownDate=新日期(“2020年1月5日14:00:00”).getTime();
var countDownDate2=新日期(“2020年1月15日14:00:00”).getTime();
//每1秒更新一次倒计时
var x=setInterval(函数(){
//获取今天的日期和时间
var now=new Date().getTime();
//找出现在和倒计时日期之间的距离
var距离=倒计时日期-现在;
var distance2=倒计时日期2-现在;
var a=距离;
//天、小时、分钟和秒的时间计算
可变天数=数学下限(a/(1000*60*60*24));
可变小时数=数学楼层((a%(1000*60*60*24))/(1000*60*60));
var分钟=数学地板((a%(1000*60*60))/(1000*60));
变量秒=数学地板((a%(1000*60))/1000);
//在id=“demo”的元素中输出结果
document.getElementById(“demo”).innerHTML=days+d+hours+h
+分钟+米+秒+秒;
//更改为另一个exp。
如果(距离<0&&distance 2>0){
函数changeDate(){
a=距离2;
}
}
//如果倒计时结束,写一些文字
否则{
净间隔(x);
document.getElementById(“demo”).innerHTML=“过期”;
}
}, 1000);

第一个问题是,您要查看距离是否小于1,距离2是否大于1。但当distance仍处于活动状态时(在撰写本文时就是这种情况),它将自动进入else分支

因此,要解决此问题,您需要:

// If the count down is over, write some text 
if (distance2 < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
}
致:

var-a;
如果(距离<0&&distance 2>0){
a=距离2;
}否则{
a=距离;
}

我感谢你的帮助。我尝试了
else if(distance 2<0)
条件,但它仍然只显示第一个距离的倒计时(即使将此距离设置为已通过日期,它也显示负倒计时,如“-1d-3h-41m-30s”)。我想我在尝试将$a设置为distance2时犯了一些错误。更新2:谢谢你的帮助。你的代码似乎解决了我的问题。我很感激,特里斯坦。
var a = distance;
var a;
if (distance < 0 && distance2 >0) {
    a = distance2; 
} else {
    a = distance;
}