Een simple Countdown Timer voor meerder keren op een website.

Status
Niet open voor verdere reacties.

pcwolf

Nieuwe gebruiker
Lid geworden
13 feb 2013
Berichten
1
He!

Dus, ik ben hier nieuw en ik kan er gewoon niet eraan uit geraken. Ik ben al zeker meer dan 3 dagen op zoek naar maar ik vind er gewoon niks.
De andere mensen geven via skype een prijsje voor dat script, en je weet niet of het werkt want je kent het vast wel. Eerst betalen & gekochte goederen worden niet terug betaalt :confused:
Dus ik heb een GRATIS script gevonden op google, ja mensen gewoon gratis :d

http://www.hashemian.com/tools/javascript-countdown.htm
(Op de website vind je de html, en de javascript)

Tot nu toe werkt alles prima! :thumb:
Maar zodra je de script over meerdere artikelen in je website plaats, dus op de homepage zon meer dan 1 countdown gaat gewoon niet.
Op de boven genaamde website staat er dit:
Code:
Mun Rashid has modified the JavaScript code by using object wrapping to allow for multiple countdowns on one page.
Download Mun's JavaScript code here. Download the sample HTML here.

Maar ik heb al meerdere keren dit geprobeerd, het lukt gewoon niet. Ik heb zelfs dit geprobeerd:
Countdown1.js
Countdown2.js
Countdown3.js
En zo verder....

Hier is de script die je moet plaatsen waar je het wilt:
[JS]<script language="JavaScript" type="text/javascript">
TargetDate = "12/31/2020 5:00";
BackColor = "white";
ForeColor = "dimgray";
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "Nog %%H%% uur %%M%% minuten en, %%S%% seconden";
FinishMessage = "It is finally here!";
</script><script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js" type="text/javascript">
</script>[/JS]
(de datum 2020 is gewoon even een datum zoals op die website)

Dus waar je de scr ziet, heb ik gewoon op mijn website ook geprobeerd maar verschillende malen: countdown1.js, countdown2.js....

Hier is de code die je moet plaatsen in de countdown.js (niet de Mun Rashid script)
[JS]function calcage(secs, num1, num2) {
s = ((Math.floor(secs/num1))%num2).toString();
if (LeadingZero && s.length < 2)
s = "0" + s;
return "<b>" + s + "</b>";
}

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='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);[/JS]

Bij de de datum heb ik gewoon ook geprobeerd er dit van te maken: undefinded
[JS]if (typeof(TargetDate)=="undefined")
TargetDate = "Hier dus 'undefinded' ";[/JS]

Hopelijk kunnen jullie mij helpen, zou het erg leuk vinden :thumb:

Alvast bedankt!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan