update

COUNTDOWN TIMER WIDGET FOR WEBSITE, JAVASCRIPT CODE

countdown timer widget for website adalah hitungan mundur yang berubah setiap detik seperti halnya detik pada jam menggunakan Javascript code
Lalu bagaimana kita membuatnya biasanya para kreator menuliskan scriptnya menggunakan plugin atau tool yang sudah siap pakai yang di siapkan oleh penyedia templete seperti wordpress, blogspot dan lainnya.Bagaimana jika kita menggunakan script sendiri tanpa menggunakan plugin dari pihak ketiga? caranya juga cukup sederhana dan mudah di pelajari dan di pahami dan juga sangat simple karena tidak terlalu panjang scriptnya.

Cara kerja countdown timer widget for website

Dengan memahami cara kerja countdown timer widget for website ini kita akan lebih mudah membuata berbagai jenis script yang mirip dengan countdown timer widget for website, mari kita buat perintah scriptnya.

Script countdown timer widget for website

< div class="countdown">30s< /div> Dengan tag di atas maka kita akan menurunkan angka dari 30 menuju 0 secara berurutan menggunakan Javascript code, untuk perintah scriptnya adalah $(docucment).ready(function(){ var angka = $(".countdown").html().replace("s",""); var kurangi = parseInt(angka - 1); setInterval(function(){ $(".countdown").html(kurangi); },1000); });
Maka dengan adanya angka 1000 ini memerintahkan akan berjalan dengan sendirinya setiap detik, namun ini akan terus menurun meskipun angka sudan di bawah 0 atau Minus, Lalu bagai mana agar angka terkecil adalah 0 / nol, maka kita lakukan pengecekan terlebih dahulu dengan merubah scrip diatas menjadi. $(docucment).ready(function(){ var angka = $(".countdown").html().replace("s",""); var kurangi = parseInt(angka - 1); setInterval(function(){ if(angka > 0){ $(".countdown").html(kurangi+"s"); }else{ $(".countdown").html("0s"); } },1000); }); Dengan script ini maka kita akan menurunkan angka dari 30 menuju 0 secara berurutan.

Terimakasih sudah membaca artikel countdown timer widget for website, Semoga bermanfaat

Ditulis oleh: Admin

Tanggal: 11-09-2022 Pembaruan : 2 bulan lalu

 

Beri nilai


 
BAGIKAN :

Tinggalkan komentar

PHP FUNCTION, CARA MEMBUAT FUNGSI (FUNCTION) DENGAN PHP
FLOATING BOX, MEMBUAT FLOATING BOX PADA WEBSITE
SLIDE UP, CARA MEMBUAT EFEK SHOW DAN HIDE JQUERY
DINAMIC WEB PAGE, MEMBUAT HALAMAN WEB DINAMIS DENGAN PHP

Galeri