Javascript 循环每日倒计时

我需要一个循环倒计时时钟来倒计时到同一时间。我在网上找到了这段代码，试图对其进行修改，但当计时器达到0时，我无法将24小时添加到小时数中，因此它会循环。此代码将用于Shopify网站上所有页面的页眉

//我们要倒计时的数据/时间
var countDownDate=新日期（“2020年12月23日14:27:52”）.getTime（）；
//每秒运行myfunc
var myfunc=setInterval（函数（）{
var now=new Date（）.getTime（）；
var timeleft=倒计时日期-现在；
//计算剩余的天数、小时、分和秒
可变天数=数学下限（时间下限/（1000*60*60*24））；
可变小时数=数学楼层（（时间限制%（1000*60*60*24））/（1000*60*60））；
var分钟=数学楼层（（时间限制%（1000*60*60））/（1000*60））；
变量秒=数学地板（（时间限制%（1000*60））/1000）；
//结果输出到特定元素
document.getElementById（“天”）.innerHTML=days+“d”
document.getElementById（“小时”）.innerHTML=hours+“h”
document.getElementById（“mins”）.innerHTML=minutes+“m”
document.getElementById（“secs”）.innerHTML=seconds+s
//倒计时结束时显示消息
如果（时间间隔<0）{
clearInterval（myfunc）；
document.getElementById（“天”）.innerHTML=“”
document.getElementById（“小时”）.innerHTML=“”
document.getElementById（“mins”）.innerHTML=“”
document.getElementById（“secs”）.innerHTML=“”
document.getElementById（“end”）.innerHTML=“TIME UP！！”；
可变小时数=+24
}
}, 1000);
p{
显示：内联；
字体大小：40px；
边际上限：0px；
}




您可以将小时、分钟和秒设置为具有今天日期的新日期对象，并检查它是否在过去。如果是的话，就多加一天


函数倒计时（）{
const now=新日期（）；
常数小时=14；
常数分钟=30；
常数秒=0；
让maxTime=新日期(
现在。getFullYear（），
现在。getMonth（），
现在。getDate（），
小时，
分钟，
第二
);
如果（现在>最大时间）{
maxTime=新日期(
现在。getFullYear（），
现在。getMonth（），
现在。getDate（）+1，
小时，
分钟，
第二
);
}
const countDownDate=maxTime.getTime（）；
const timeleft=countDownDate-new Date（）.getTime（）；
施工天数=数学楼层（时间限制/（1000*60*60*24））；
常数小时=数学楼层（（时间限制%（1000*60*60*24））/（1000*60*60））；
常数分钟=数学楼层（（时间限制%（1000*60*60））/（1000*60））；
常数秒=数学楼层（（时间限制%（1000*60））/1000）；
document.getElementById（'days'）.innerHTML=`${days}d`；
document.getElementById（'hours'）.innerHTML=`${hours}h`；
document.getElementById（'mins'）.innerHTML=`${minutes}m`；
document.getElementById（'secs'）。innerHTML=`${seconds}s`；
}
const intervalId=setInterval（倒计时，1000）

您可以将小时、分钟和秒设置为具有今天日期的新日期对象，并检查它是否在过去。如果是的话，就多加一天


函数倒计时（）{
const now=新日期（）；
常数小时=14；
常数分钟=30；
常数秒=0；
让maxTime=新日期(
现在。getFullYear（），
现在。getMonth（），
现在。getDate（），
小时，
分钟，
第二
);
如果（现在>最大时间）{
maxTime=新日期(
现在。getFullYear（），
现在。getMonth（），
现在。getDate（）+1，
小时，
分钟，
第二
);
}
const countDownDate=maxTime.getTime（）；
const timeleft=countDownDate-new Date（）.getTime（）；
施工天数=数学楼层（时间限制/（1000*60*60*24））；
常数小时=数学楼层（（时间限制%（1000*60*60*24））/（1000*60*60））；
常数分钟=数学楼层（（时间限制%（1000*60*60））/（1000*60））；
常数秒=数学楼层（（时间限制%（1000*60））/1000）；
document.getElementById（'days'）.innerHTML=`${days}d`；
document.getElementById（'hours'）.innerHTML=`${hours}h`；
document.getElementById（'mins'）.innerHTML=`${minutes}m`；
document.getElementById（'secs'）。innerHTML=`${seconds}s`；
}
const intervalId=setInterval（倒计时，1000）

嗨，欢迎光临。请描述哪些有效，哪些无效。你的问题是什么？欢迎光临。请描述哪些有效，哪些无效。你的问题是什么？