-->

Notification

×

Iklan

Iklan

Indeks Berita

Tag Terpopuler

Membuat Countdown Flip Clock Dengan Javascript

Sunday, February 23, 2014 | Sunday, February 23, 2014 WIB Last Updated 2014-02-23T12:20:06Z


Selamat malam sobat IT Sasak,
Kali ini saya mau share tutorial menarik nih untuk membuat Countdown dengan Javascript,,, ^_^
Caranya sangat mudah dan simpel loh,,,hehehe

Kira-kira tampilannya seperti dibawah ini:

Contoh 1

<script type="application/javascript">
var myCountdown1 = new Countdown({
time: 253188,
width:300, 
height:60,  
rangeHi:"day",
style:"flip"
});
</script>

Contoh 2

<script type="application/javascript">
var myCountdown2 = new Countdown({
time: 120, 
width:150, 
height:80, 
rangeHi:"minute"
});
</script>


Contoh 3

<script type="application/javascript">
var myCountdown4 = new Countdown({
year: (new Date().getFullYear() + 1),
         
month:1, 
day:1, 
width:300, 
height:40, 
numbers  :  {
font  : "Arial",
color : "#FFFFFF",
bkgd : "#365D8B",
rounded : 0.15,   
shadow : {
x : 0,   
y : 3,   
s : 4,   
c : "#000000", 
a : 0.4   
}
} 
});
</script>


Nah kira kira seperti itu,,, ^_^
Syaratnya cuman satu nih,,, sobat letakkan dan includekan file countdown.js nya di html atau script web sobat paling bagus kalau di letakkan di antara tag <head></head>

Ok...

Silahkan donwload disini lengkap disertai contohnya bila berminat... ^_^

Download

Selamat Mencoba...