Pages

Membuat Countdown Flip Clock Dengan Javascript

Minggu, 23 Februari 2014



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

Tidak ada komentar:

Posting Komentar

 

Most Reading

Sidebar One