[英]JS Countdown not working in IE and Safari
I have a javascript countdown which doesn't seem to be working on IE nor on safari, all tested on windows 7, works fine with chrome and firefox. 我有一个javascript倒数计时功能,它似乎在IE或safari上均不起作用,所有功能都在Windows 7上进行了测试,可以与chrome和firefox正常工作。 I'm not looking to change to a jQuery countdown due to certain restrictions on the website so really looking to get this working across all browsers. 由于网站上的某些限制,我不希望更改jQuery的倒计时,因此真正希望使它在所有浏览器上都能正常工作。
<script language="JavaScript">
TargetDate = "January/01/2014 12:00 am";
BackColor = "";
ForeColor = "#000";
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
FinishMessage = "<span class='finish'>Finished!</span>";
</script>
<script language="javascript">
function calcage(secs, num1, num2) {
s = ((Math.floor(secs/num1))%num2).toString();
if (LeadingZero && s.length < 2)
s = "0" + s;
return "<span class='digit'>" + s + "</span>";
}
function CountBack(secs) {
if (secs < 0) {
document.getElementById("cntdwn").innerHTML = FinishMessage;
return;
}
DisplayStr = DisplayFormat.replace(/%%D%%/g, calcage(secs,86400,100000));
DisplayStr = DisplayStr.replace(/%%H%%/g, calcage(secs,3600,24));
DisplayStr = DisplayStr.replace(/%%M%%/g, calcage(secs,60,60));
DisplayStr = DisplayStr.replace(/%%S%%/g, calcage(secs,1,60));
document.getElementById("cntdwn").innerHTML = DisplayStr;
if (CountActive)
setTimeout("CountBack(" + (secs+CountStepper) + ")", SetTimeOutPeriod);
}
function putspan(backcolor, forecolor) {
document.write("<span id='cntdwn' style=' font-weight:bold; background-color:" + backcolor +
"; color:" + forecolor + "'> </span>");
}
if (typeof(BackColor)=="undefined")
BackColor = "white";
if (typeof(ForeColor)=="undefined")
ForeColor= "black";
if (typeof(TargetDate)=="undefined")
TargetDate = "12/31/2020 5:00 AM";
if (typeof(DisplayFormat)=="undefined")
DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
if (typeof(CountActive)=="undefined")
CountActive = true;
if (typeof(FinishMessage)=="undefined")
FinishMessage = "";
if (typeof(CountStepper)!="number")
CountStepper = -1;
if (typeof(LeadingZero)=="undefined")
LeadingZero = true;
CountStepper = Math.ceil(CountStepper);
if (CountStepper == 0)
CountActive = false;
var SetTimeOutPeriod = (Math.abs(CountStepper)-1)*1000 + 990;
putspan(BackColor, ForeColor);
var dthen = new Date(TargetDate);
var dnow = new Date();
if(CountStepper>0)
ddiff = new Date(dnow-dthen);
else
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(gsecs);
</script>
Countdown just displays as NaN. 倒数仅显示为NaN。 Any help greatly appreciated. 任何帮助,不胜感激。
The following line is returning NaN 下一行返回NaN
var dthen = new Date(TargetDate);
Your best bet, to ensure it'll work across browsers is to use the following Date constructor: 为了确保它能在所有浏览器上正常工作,最好的选择是使用以下Date构造函数:
new Date(year, month, day, hours, minutes, seconds, milliseconds);
So, dthen will become: 因此,dthen将变为:
var dthen = new Date(2014, 0, 1, 12, 0, 0, 0);
You may want to define those values at the top, like you have with TargetDate but this should put you on the right track. 您可能希望像使用TargetDate一样在顶部定义这些值,但这应该使您处于正确的轨道。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.