如何使用Javascript在同一页面中创建多个倒计时器?

如何使用Javascript在同一页面中创建多个倒计时器?,javascript,html,Javascript,Html,我一直试图让这段代码在没有任何运气的情况下成功运行。我正在尝试创建一个javascript函数,它将对同一页面上的多个日期进行倒计时。我的JavaScript函数如下所示: <script> function getTimeRemaining(endtime){ var deadline = new Date(endtime).getTime(); var x = setInterval(function() { var now = Ma

我一直试图让这段代码在没有任何运气的情况下成功运行。我正在尝试创建一个javascript函数,它将对同一页面上的多个日期进行倒计时。我的JavaScript函数如下所示:

 <script>
   function getTimeRemaining(endtime){
     var deadline = new Date(endtime).getTime(); 
     var x = setInterval(function() { 
       var now = Math.floor(Date.now() / 1000); 
       var t = deadline - now; 
       var days = Math.floor(t / (1000 * 60 * 60 * 24)); 
       var hours = Math.floor((t % (1000 * 60 * 60 * 24))/(1000 * 60 * 60)); 
       var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); 
       var seconds = Math.floor((t % (1000 * 60)) / 1000); 
       document.getElementById("trip_" + endtime).innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s"; 
       if (t < 0) { 
           clearInterval(x); 
           document.getElementById("trip_" + endtime).innerHTML = "expired"; 
       } 
     }, 1);
   }
 </script>

函数getTimeRemaining(endtime){
var deadline=新日期(endtime).getTime();
var x=setInterval(函数(){
var now=Math.floor(Date.now()/1000);
var t=截止日期-现在;
风险天数=数学下限(t/(1000*60*60*24));
var小时=数学楼层((t%(1000*60*60*24))/(1000*60*60));
var分钟数=数学地板((t%(1000*60*60))/(1000*60));
变量秒=数学地板((t%(1000*60))/1000);
document.getElementById(“trip_”+endtime).innerHTML=days+“d”+hours+“h”+minutes+“m”+seconds+“s”;
如果(t<0){
净间隔(x);
document.getElementById(“trip_u3;”+endtime).innerHTML=“过期”;
} 
}, 1);
}
结束时间作为unix时间戳提供。如果时间已过期,则会正确显示。但如果剩余时间,它将显示0d0h0m0s而不进行任何更新。只是为了好玩,我在倒计时结束时添加了t变量,它会倒计时剩余的秒数,但不会在倒计时本身上显示它。我猜我的天、小时、分钟和秒变量有问题。我没有使用毫秒,我想我使用的数学是假设我使用毫秒。有人知道我能做些什么来解决我的问题吗?我不太精通javascript。提前谢谢

可能是这样的:

函数剩余时间(){
var els=document.querySelectorAll('[id^=“trip_”]');
对于(var i=0;我认为您会发现并有帮助。