jQuery经典案例【倒计时】
生活随笔
收集整理的這篇文章主要介紹了
jQuery经典案例【倒计时】
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
源碼：
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script src="js/jquery-3.4.1.js"></script><label for="show">倒計(jì)時(shí):</label><input type="number" id="show" style="width: 45px;" />s<button onclick="start()">開始倒計(jì)時(shí)</button><script>var times = 0;var clear_cutTime;function start() {times = $('#show').val();//鎖定輸入框$("#show").attr("disabled", "true");clear_cutTime = setInterval("cutTime()", 1000);}function cutTime() {times--; //js支持一元運(yùn)算符$('#show').val(times);if (times <= 0) {clearInterval(clear_cutTime);new Audio("res/qnxt.mp3").play();}}</script> </body></html>希望能對(duì)大家有所幫助。?
總結(jié)
以上是生活随笔為你收集整理的jQuery经典案例【倒计时】的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 九九乘法表(js_javascript)
- 下一篇： php_DBHelper