Fabiangreat
Nieuwe gebruiker
- Lid geworden
- 4 aug 2008
- Berichten
- 4
Goedemiddag,
ik heb een vraagje dat betrekking heeft op het aftellen naar data maar als die data is verstreken hij automatisch verder gaat naar de volgende data zodat ik niet telkens in mij site hoeft te wezen voor het te wijzigen.
Hierbij stuur ik het script mee bijvoorbaad dank voor de reactie hier op.
<!-- <div id="Valentijn">[Valentijn]</div> -->
<!-- <div id="Moederdag">[Moederdag]</div> -->
<div id="Vaderdag">[Vaderdag]</div>
<!-- <div id="Dierendag">[Dierendag]</div> -->
<!-- <div id="Sinterklaas">[Sinterklaas]</div> -->
<!-- <div id="Kerstmis">[Kerstmis]</div> -->
<!-- <div id="Oudejaarsdag"> [Oudejaarsdag]</div> -->
<script type="text/javascript">
// <![CDATA[
// StartCountDown("Test", "01/30/2010 01:00 AM")
// StartCountDown("Valentijn", "02/14/2010 01:00 AM")
// StartCountDown("Moederdag", "05/09/2010 01:00 AM")
StartCountDown("Vaderdag", "06/20/2010 01:00 AM")
// StartCountDown("Dierendag", "10/04/2010 01:00 AM")
// StartCountDown("Sinterklaas", "12/05/2010 01:00 AM")
// StartCountDown("Kerstmis", "12/25/2010 01:00 AM")
// StartCountDown("Oudejaarsdag", "12/31/2010 01:00 AM")
function StartCountDown(myDiv,myTargetDate)
{
var dthen = new Date(myTargetDate);
var dnow = new Date();
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(myDiv,gsecs);
}
function Calcage(secs, num1, num2)
{
s = ((Math.floor(secs/num1))%num2).toString();
if (s.length <2)
{
s = "0" + s;
}
return (s);
}
function CountBack(myDiv, secs)
{
var DisplayStr;
var DisplayFormat = "Over %%D%% dagen" + "<br/>"+ "%%H%% uur en %%M%%:%%S%% min." + "<br/>" + "is het " + myDiv;
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));
if(secs > 0)
{
document.getElementById(myDiv).innerHTML = DisplayStr;
setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
}
else
{
document.getElementById(myDiv).innerHTML = myDiv + " is voorbij";
}
}
//]]>
</script>
ik heb een vraagje dat betrekking heeft op het aftellen naar data maar als die data is verstreken hij automatisch verder gaat naar de volgende data zodat ik niet telkens in mij site hoeft te wezen voor het te wijzigen.
Hierbij stuur ik het script mee bijvoorbaad dank voor de reactie hier op.
<!-- <div id="Valentijn">[Valentijn]</div> -->
<!-- <div id="Moederdag">[Moederdag]</div> -->
<div id="Vaderdag">[Vaderdag]</div>
<!-- <div id="Dierendag">[Dierendag]</div> -->
<!-- <div id="Sinterklaas">[Sinterklaas]</div> -->
<!-- <div id="Kerstmis">[Kerstmis]</div> -->
<!-- <div id="Oudejaarsdag"> [Oudejaarsdag]</div> -->
<script type="text/javascript">
// <![CDATA[
// StartCountDown("Test", "01/30/2010 01:00 AM")
// StartCountDown("Valentijn", "02/14/2010 01:00 AM")
// StartCountDown("Moederdag", "05/09/2010 01:00 AM")
StartCountDown("Vaderdag", "06/20/2010 01:00 AM")
// StartCountDown("Dierendag", "10/04/2010 01:00 AM")
// StartCountDown("Sinterklaas", "12/05/2010 01:00 AM")
// StartCountDown("Kerstmis", "12/25/2010 01:00 AM")
// StartCountDown("Oudejaarsdag", "12/31/2010 01:00 AM")
function StartCountDown(myDiv,myTargetDate)
{
var dthen = new Date(myTargetDate);
var dnow = new Date();
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(myDiv,gsecs);
}
function Calcage(secs, num1, num2)
{
s = ((Math.floor(secs/num1))%num2).toString();
if (s.length <2)
{
s = "0" + s;
}
return (s);
}
function CountBack(myDiv, secs)
{
var DisplayStr;
var DisplayFormat = "Over %%D%% dagen" + "<br/>"+ "%%H%% uur en %%M%%:%%S%% min." + "<br/>" + "is het " + myDiv;
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));
if(secs > 0)
{
document.getElementById(myDiv).innerHTML = DisplayStr;
setTimeout("CountBack('" + myDiv + "'," + (secs-1) + ");", 990);
}
else
{
document.getElementById(myDiv).innerHTML = myDiv + " is voorbij";
}
}
//]]>
</script>