javascript實現簡單的時間倒計時
阿新 • • 發佈:2018-12-31
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <span id='time' onclick="timedCount()" >5</span> </body> </html> <script> var c=5 var t function timedCount() { c=c-1 if(c != 0){ t=setTimeout("timedCount()",1000) } document.getElementById('time').innerHTML=c } /** * C的初始值為5 * 當onclick="timedCount()"後將初始值減1 * 如果C值不為零繼續減1並呼叫setTimeout方法 * setTimeout方法引數1是一個回撥函式,引數2而是每隔多少毫秒執行 * 當1秒後繼續呼叫函式本身並在之後對span裡的值重新賦值並依次執行上述操作 * 知道C不滿足條件也就是時間為0時不再代用函式,也就結束了執行 */ </script>