jQuery Countdown 已安装.显示多个倒计时时遇到问题

jQuery Countdown installed. Having trouble displaying multiple countdowns

本文关键字:倒计时 遇到 问题 Countdown 安装 显示 jQuery      更新时间:2023-09-26

请查看我的样本小提琴。

我有一个jQuery倒计时计时器。它嵌套在手风琴菜单中。

每个手风琴下面应该有一个不同的计时器.它似乎只有在我把它放在一个手风琴下时才有效.一旦我将代码放在多个手风琴下,它只接受来自上一个计时器的数据。

我试图在每个下面得到一个。你能把我推向正确的方向吗?

此正文脚本调用该函数:

//Give the date ---------------------------------
year = 2013; month = 09; day = 27;
//Give the point of time ------------------------
hour= 0; min= 0; sec= 0;
//Standard text ---------------------------------
main_titel= 'Next Start Date - Thursday, October 3, 2013';
//-----------------------------------------------

这个脚本包含以下函数:

function GetCount(){
        dateNow = new Date();                                                            
        amount = dateFuture.getTime() - dateNow.getTime()+5;               
        delete dateNow;
        /* time is already past */
        if(amount < 0){
                out=
                "<div id='days'><span></span>0<div id='days_text'></div></div>" + 
                "<div id='hours'><span></span>0<div id='hours_text'></div></div>" + 
                "<div id='mins'><span></span>0<div id='mins_text'></div></div>" + 
                "<div id='secs'><span></span>0<div id='secs_text'></div></div>" ;
                document.getElementById('countbox').innerHTML=out;       
        }
        /* date is still good */
        else{
                days=0;hours=0;mins=0;secs=0;out="";
                amount = Math.floor(amount/1000); /* kill the milliseconds */
                days=Math.floor(amount/86400); /* days */
                amount=amount%86400;
                hours=Math.floor(amount/3600); /* hours */
                amount=amount%3600;
                mins=Math.floor(amount/60); /* minutes */
                amount=amount%60;

                secs=Math.floor(amount); /* seconds */

                out=
                "<div id='days'><span></span>" + days +"<div id='days_text'></div></div>" + 
                "<div id='hours'><span></span>" + hours +"<div id='hours_text'></div></div>" + 
                "<div id='mins'><span></span>" + mins +"<div id='mins_text'></div></div>" + 
                "<div id='secs'><span></span>" + secs +"<div id='secs_text'></div></div>" ;
                document.getElementById('countbox').innerHTML=out;

                setTimeout("GetCount()", 1000);
        }
}
window.onload=function(){GetCount();}

编辑:更新

到目前为止,我已经把这个脚本带到了这里...

function GetCount(){
        dateNow = new Date();                                                            
        amount = dateFuture.getTime() - dateNow.getTime()+5;               
        delete dateNow;
        /* time is already past */
        if(amount < 0){
                out=
                "<div id='days'><span></span>0<div id='days_text'></div></div>" + 
                "<div id='hours'><span></span>0<div id='hours_text'></div></div>" + 
                "<div id='mins'><span></span>0<div id='mins_text'></div></div>" + 
                "<div id='secs'><span></span>0<div id='secs_text'></div></div>" ;
                document.getElementById('countbox1').innerHTML=out;       
        }
        /* date is still good */
        else{
                days=0;hours=0;mins=0;secs=0;out="";
                amount = Math.floor(amount/1000); /* kill the milliseconds */
                days=Math.floor(amount/86400); /* days */
                amount=amount%86400;
                hours=Math.floor(amount/3600); /* hours */
                amount=amount%3600;
                mins=Math.floor(amount/60); /* minutes */
                amount=amount%60;

                secs=Math.floor(amount); /* seconds */

                out=
                "<div id='days'><span></span>" + days +"<div id='days_text'></div></div>" + 
                "<div id='hours'><span></span>" + hours +"<div id='hours_text'></div></div>" + 
                "<div id='mins'><span></span>" + mins +"<div id='mins_text'></div></div>" + 
                "<div id='secs'><span></span>" + secs +"<div id='secs_text'></div></div>" ;
                document.getElementById('countbox1').innerHTML=out;

                setTimeout("GetCount()", 1000);
        }
}

。我总共做了四个,然后将天数更改为第 2 天、第 3 天、第 4 天,并对其他变量做了同样的事情......

我走在正确的轨道上吗?

//Give the date ---------------------------------
year = 2013; month = 09; day = 27;
//Give the point of time ------------------------
hour= 0; min= 0; sec= 0;
//Standard text ---------------------------------
main_titel= 'Next Start Date - Thursday, October 3, 2013';
//------------------------

为什么这个块在身体里?它们可能会在主脚本之后执行。您应该按照您希望它们执行的顺序将脚本放在脑袋中。