您好,登錄后才能下訂單哦!
小編給大家分享一下JS怎么實(shí)現(xiàn)十分鐘倒計時,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
1、js屬于一種解釋性腳本語言;2、在絕大多數(shù)瀏覽器的支持下,js可以在多種平臺下運(yùn)行,擁有著跨平臺特性;3、js屬于一種弱類型腳本語言,對使用的數(shù)據(jù)類型未做出嚴(yán)格的要求,能夠進(jìn)行類型轉(zhuǎn)換,簡單又容易上手;4、js語言安全性高,只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動態(tài)交互,從而有效地防止數(shù)據(jù)的丟失;5、基于對象的腳本語言,js不僅可以創(chuàng)建對象,也能使用現(xiàn)有的對象。
舉例:10分鐘考試倒計時,當(dāng)時間僅剩五分鐘時,提醒考試僅剩5分鐘,時間結(jié)束時,提示考試結(jié)束。具體代碼如下:
HTML部分:
<body> <div id="timer"></div> <div id="warring"></div> </body>
JavaScript部分:
<script type="text/javascript"> var maxtime = 10 * 60; // function CountDown() { if (maxtime >= 0) { minutes = Math.floor(maxtime / 60); seconds = Math.floor(maxtime % 60); msg = "距離結(jié)束還有" + minutes + "分" + seconds + "秒"; document.all["timer"].innerHTML = msg; if (maxtime == 5 * 60)alert("距離結(jié)束僅剩5分鐘"); --maxtime; } else{ clearInterval(timer); alert("時間到,結(jié)束!"); } } timer = setInterval("CountDown()", 1000); </script>
JS十分鐘倒計時代碼的具體步驟:
1、設(shè)置考試時長maxtime = 10 * 60秒,即10分鐘
2、用if函數(shù)判斷,當(dāng)maxtime大于等于零時,判斷剩余分和秒
3、再用if函數(shù)判斷,當(dāng)時間僅剩5分鐘時,彈出提示:距離結(jié)束僅剩5分鐘
4、如果時間到,則清除定時器,提示:結(jié)束
效果如圖所示:
以上是“JS怎么實(shí)現(xiàn)十分鐘倒計時”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。