Countdown
Monday, 3 March 2014 @ 09:09
This is the countdown style. Yang mana aku rasa paling simple, dull and plain. Ahah
So, kita pakai code script and you can paste anywhere you like (either in post entry or even in your blog like sidebar, etc)
Copy these code.
<center>
<script language="JavaScript" type="text/javascript">
<!--
dateFuture = new Date(2014,02,20,10,00,00);
function GetCount(){
dateNow = new Date(); //grab current date
amount = dateFuture.getTime() - dateNow.getTime(); //calc milliseconds between dates
delete dateNow;
// time is already past
if(amount < 0){
document.getElementById('countbox').innerHTML="Now!";
}
// date is still good
else{
days=0;hours=0;mins=0;secs=0;out="";
amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs
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
if(days != 0){out += days +" day"+((days!=1)?"s":"")+", ";}
if(days != 0 || hours != 0){out += hours +" hour"+((hours!=1)?"s":"")+", ";}
if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
out += secs +" seconds";
document.getElementById('countbox').innerHTML=out;
setTimeout("GetCount()", 1000);
}
}
window.onload=function(){GetCount();}//call when everything has loaded
//-->
</script>
<center>
<div style="font-size: 18px;">
<b>WRITE ANYTHING HERE FOR YOUR HEADING</b></div>
<div id="countbox" style="color: black; font-family: georgia; font-size: 12px;">
</div>
</center>
WRITE ANYTHING HERE FOR DESCRIPTION</center>
MERAH : Itu setting for your masa. Maksudnya your target time. From left ; year - month - day - hour - minute - second
BIRU : Wording untuk your heading. Font dia dah sedia besar, so dont worry.
HIJAU : For you description wording with an enough, small font.
Labels: Tutorial
1 Comments:
thank you for the tuto. I'm appreciating it!
Post a Comment