自动倒计时计时器-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;
}