jQuery Countdown 已安装.显示多个倒计时时遇到问题
jQuery Countdown installed. Having trouble displaying multiple countdowns
请查看我的样本小提琴。
我有一个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';
//------------------------
为什么这个块在身体里?它们可能会在主脚本之后执行。您应该按照您希望它们执行的顺序将脚本放在脑袋中。
相关文章:
- 将PHP变量传递给jQuery时遇到问题
- 我的jQuery插件参数没有正确启动,遇到了问题
- 如何在窗体打开时从javascript倒计时计时器值中节省时间
- 设置倒计时计时器,IE出现问题
- 显示具有服务器端自动时间注销的同步倒计时计时器
- 倒计时计时器应该持续两个php页面
- 在AJAX回调和呈现PIXIJS之间处理程序流时遇到了问题
- 将jQuery转换为用户脚本的普通Javascript时遇到问题
- 在Jquery倒计时计时器上设置每个数字的动画
- Javascript倒计时计时器倒计时未正确更新秒/分钟
- 将子文档推送到父数组时遇到问题
- 结束后Javascript倒计时计时器重定向
- 停止javascript倒计时
- JQuery FullCalendar在从ajax成功调用rerenderEvents时遇到问题
- 每小时倒计时一次,但以30分钟为单位
- 创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
- 递归倒计时计时器
- regex来构建字符串,直到遇到第N个匹配项
- jQuery Countdown 已安装.显示多个倒计时时遇到问题
- 在让jquery进入工作的最后倒计时时遇到问题