使用javascript做時(shí)間倒數(shù)讀秒功能的實(shí)例
某個(gè)試卷在線考試需要讀秒。網(wǎng)上找了一會(huì)就是沒找到我想要的。只好自己改改網(wǎng)上的,這也用用,那也用用。
其他代碼不貼了。貼相關(guān)的:
html頁面代碼:
<a class="btn btn-default" onclick="StartExamine();">開始</a> <div id="TimeClock" class="col-md-4" ><span class="text-danger hour">00</span> <span class="text-danger minute">00</span> <span class="text-danger seconds">00</span></div>
作為一個(gè)顯示倒數(shù)的div層
javascript 代碼:
var gEaminePapeId = 'dfdfad33434342'; var gExaminePapeTime = '100'; var gHour = gExaminePapeTime / 60; var gMinute = gExaminePapeTime % 60; var gSeconds = gExaminePapeTime * 60; var hour_elem = $("#TimeClock").find('.hour'); var minute_elem = $("#TimeClock").find('.minute'); var second_elem = $("#TimeClock").find('.seconds'); function StartExamine() { //開始計(jì)時(shí) var timeClik = setInterval('ShowClock()', 1000); } function ShowClock() { if (gSeconds > 1) { gSeconds -= 1; var hour = Math.floor((gSeconds / 3600) % 24); var minute = Math.floor((gSeconds / 60) % 60); var second = Math.floor(gSeconds % 60); $(hour_elem).text(hour < 10 ? "0" + hour+":" : hour+":"); //計(jì)算小時(shí) $(minute_elem).text(minute < 10 ? "0" + minute+":" : minute+":"); //計(jì)算分鐘 $(second_elem).text(second < 10 ? "0" + second : second); //計(jì)算秒殺 } else { clearInterval(timeClik); //做題時(shí)間到 ForceSubmit(); } } function ForceSubmit() { //強(qiáng)制提交答題 }
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
- JavaScript兩種計(jì)時(shí)器的實(shí)例講解
- JavaScript之解構(gòu)賦值的理解
- JavaScript中的回調(diào)函數(shù)實(shí)例講解
- javascript json字符串到j(luò)son對(duì)象轉(zhuǎn)義問題
- 使用JavaScript保存文本文件到本地的兩種方法
- JavaScript繼承與聚合實(shí)例詳解
- JavaScript格式化json和xml的方法示例
- JavaScript中的"=、==、==="區(qū)別講解
- JavaScript使用Math.random()生成簡單的驗(yàn)證碼
- Javascript迭代、遞推、窮舉、遞歸常用算法實(shí)例講解
相關(guān)文章
建立良好體驗(yàn)度的Web注冊(cè)系統(tǒng)ajax
建立良好體驗(yàn)度的Web注冊(cè)系統(tǒng)ajax...2007-07-07在js里怎么實(shí)現(xiàn)Xcode里的callFuncN方法(詳解)
下面小編就為大家?guī)硪黄趈s里怎么實(shí)現(xiàn)Xcode里的callFuncN方法(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11JS網(wǎng)頁播放聲音實(shí)現(xiàn)代碼兼容各種瀏覽器
JS網(wǎng)頁播放聲音有多種方法可以實(shí)現(xiàn),不過兼容各種瀏覽器的就沒有幾個(gè)了,不過本文的這個(gè)示例或許對(duì)大家有所幫助2013-09-09移動(dòng)端觸摸滑動(dòng)插件swiper使用方法詳解
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端觸摸滑動(dòng)插件swiper的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08不間斷滾動(dòng)JS打包類,基本可以實(shí)現(xiàn)所有的滾動(dòng)效果,太強(qiáng)了
不間斷滾動(dòng)JS打包類,基本可以實(shí)現(xiàn)所有的滾動(dòng)效果,太強(qiáng)了...2007-12-12js實(shí)現(xiàn)網(wǎng)頁隨機(jī)切換背景圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)網(wǎng)頁隨機(jī)切換背景圖片的方法,涉及數(shù)組、隨機(jī)函數(shù)與css樣式的調(diào)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-11-11比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋
比較詳細(xì)的關(guān)于javascript中void(0)的具體含義解釋...2007-08-08