BREAKING NEWS

Lokomedia

Tips dan Trik

Template Balitbang

Sunday, February 23, 2014

Membuat Countdown Flip Clock Dengan Javascript



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...

Post a Comment

Peraturan dan Tata Cara Berkomentar di IT Sasak


1) Berkomentarlah Secara Sopan dan Tidak Melakukan Spaming

2) Berkomentar Sesuai Dengan Tema Artikel

3) Dilarang Menyertakan Link dalam Komentar

4) Beri Nama Jelas (jangan menggunakan nama Anonim)

 
Copyright © 2011 IT Sasak
Powered by Blogger