Kaedah pelaksanaan pemasa undur minit dan detik JavaScript_kemahiran javascript

Contoh dalam artikel ini menerangkan cara melaksanakan pemasa undur JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

1. Matlamat asas

Reka bentuk pemasa undur dalam JavaScript yang akan menjadikan butang tidak boleh diklik setelah masa tamat

Kesan khusus adalah seperti yang ditunjukkan di bawah untuk menggambarkan masalah, jadual dilaraskan untuk melompat setiap 50 milisaat, iaitu setiap 0.05

Apabila benar-benar menggunakannya, cuma laraskan setInterval("clock.move()",50); dalam window.onload=function(){...} daripada 50 hingga 1000.

Butang masih boleh diklik sebelum masa tamat.

Selepas masa tamat, butang tidak boleh diklik.

2. Proses pengeluaran

Salin kod Kod adalah seperti berikut:

masa yang tinggal

Baki masa:
/*Isytihar fungsi yang akan digunakan oleh fungsi utama*/
var clock=jam baharu(); /*Tuding ke pemasa*/
pemasa var;
window.onload=function(){
/*Fungsi utama hanya memanggil kaedah pergerakan dalam fungsi jam setiap 50 saat*/
Pemasa=setInterval("clock.move()",50); }  
jam fungsi(){
/*s ialah pembolehubah dalam clock(), bukan pembolehubah global seperti var, yang mewakili baki saat*/
This.s=140; This.move=function(){
​​​​/*Panggil fungsi pertukaran untuk menukar saat kepada minit sebelum output Kerana pertukaran tidak digunakan dalam tetingkap fungsi utama.onload, tidak perlu mengisytiharkannya*/
.          document.getElementById("timer").innerHTML=exchange(this.s
​​​ /*Setiap kali ia dipanggil, baki saat akan dikurangkan*/  
This.s=this.s-1;                                                                         /*Jika masa tamat, tetingkap pop timbul akan muncul, menjadikan butang tidak tersedia dan berhenti memanggil move() dalam  Jika(ini.s<0){
alert("Masa sudah tamat");                document.getElementById("go").disabled=true;                                                                                                                                                                                                                                                                                                        , , ,,,,,,,,                                                                                                                                                                                                                                                                                                                                                                                          }  
pertukaran fungsi(masa){
/*Bahagian Javascript ialah pembahagian titik terapung dan Math.floor mesti digunakan untuk mendapatkan bahagian integer*/
This.m=Math.floor(masa/60); /*Terdapat baki operasi*/
This.s=(masa`); This.text=this.m "minit" this.s "saat";
                          /*Jangan gunakan ini untuk masa parameter formal yang dilalui dan pembolehubah lain yang digunakan dalam fungsi ini mesti menggunakan ini*/ 
           kembalikan this.text;                                     }



Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.