Aftellen....
Naar aanleiding van een vraag van Ukkie deze uitleg.
Heb je een belangrijke gebeurtenis in de nabije toekomst en wil je dit kenbaar maken op je blog middels een aftelmechanisme (voorbeeld) ? Zo doe je het:
Dit is niet echt het kortste script wat er bestaat, maar hierbij zijn eenvoudig de grootte en de kleur van zowel te tekst als het tekstvlak te kiezen en ook het lettertype! Pas alle parameters aan zoals in het onderstaand script beschreven (STAP1, STAP2 en STAP3) en klik op de tab 'Layout', klik op 'Extra's' en plaats onderstaand script in de onderste box, klik daarna op 'Versturen' :
<br>
<center>
<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
//////////Bewerk het aftelscript hier//////////////////
//STAP 1: verander hier het aftelscript (setcountdown), in het formaat jaar, maand, dag, uur (0=midnight,23=11pm), minutes, seconds:
setcountdown(2004,06,09,00,00,00)
//STAP 2: verander hieronder de tekst die tijdens het aftellen moet komen, en de boodschap op de dag van het tijdstip, respectieflijk
var occasion="Merlijn examen moet doen!!"
var message_on_occasion="Vandaag doet Merlijn examen!!!!!"
//STAP 3: verander de 5 variabelen hieronder , te weten breedte, hoogte, achtergrond-en tekstkleur en tekststijl/font van de aftelbanner
var countdownwidth='750px'
var countdownheight='50px'
var countdownbgcolor='Yellow'
var opentags='<font face="Arial Black"><font color="Red"><big>'
var closetags='</big></font>'
//////////verander hieronder niets//////////////////
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
window.onload=start_countdown
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " dgn, "+dhours+" uren, "+dmin+" min, en "+dsec+" sec voordat "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+ " Nog " +dday+ " dgn, "+dhour+" uren, "+dmin+" min, en "+dsec+" sec voordat "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>
</center>
Succes maar weer.......
