使用javascript做時(shí)間倒數(shù)讀秒功能的實(shí)例
某個試卷在線考試需要讀秒。網(wǎng)上找了一會就是沒找到我想要的。只好自己改改網(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>
作為一個顯示倒數(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)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接
- JavaScript兩種計(jì)時(shí)器的實(shí)例講解
- JavaScript之解構(gòu)賦值的理解
- JavaScript中的回調(diào)函數(shù)實(shí)例講解
- javascript json字符串到j(luò)son對象轉(zhuǎn)義問題
- 使用JavaScript保存文本文件到本地的兩種方法
- JavaScript繼承與聚合實(shí)例詳解
- JavaScript格式化json和xml的方法示例
- JavaScript中的"=、==、==="區(qū)別講解
- JavaScript使用Math.random()生成簡單的驗(yàn)證碼
- Javascript迭代、遞推、窮舉、遞歸常用算法實(shí)例講解
相關(guān)文章
PHP自動加載autoload和命名空間的應(yīng)用小結(jié)
PHP的自動加載就是我們加載實(shí)例化類的時(shí)候,不需要手動去寫require來導(dǎo)入這個class.php文件,程序自動幫我們加載導(dǎo)入進(jìn)來這.篇文章主要介紹了PHP自動加載autoload和命名空的應(yīng)用,需要的朋友可以參考下2017-12-12
多瀏覽器兼容的動態(tài)加載 JavaScript 與 CSS
Omar AL Zabir這位MVP總是喜歡搞些稀奇古怪同時(shí)又很實(shí)用的小東西,并且還十分值得參考。最近他就做了一個叫做ensure的小工具用于動態(tài)加載JavaScript、CSS與HTML,而且IE、Firefox、Opera、Safari都支持了,那么我們就來看看ensure是如何做到動態(tài)加載JavaScript與CSS的。2008-09-09
基于javascript實(shí)現(xiàn)的購物商城商品倒計(jì)時(shí)實(shí)例
本文主要介紹了基于javascript實(shí)現(xiàn)的購物商城商品倒計(jì)時(shí)實(shí)例,代碼詳細(xì),可直接復(fù)制試試看效果。需要的朋友可以參考借鑒2016-12-12
Echarts柱狀圖修改柱子顏色漸變及柱子圓角效果實(shí)例
在ECharts中,可以通過修改series.itemStyle.normal屬性來定制柱狀圖的柱子樣式,包括圓角和背景色漸變,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
echarts實(shí)現(xiàn)中國地圖下鉆進(jìn)入下一級(地圖鉆取)
最近在學(xué)習(xí)echarts,今天就來介紹一下echarts實(shí)現(xiàn)中國地圖下鉆進(jìn)入下一級,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08
通過onmouseover選項(xiàng)卡實(shí)現(xiàn)img圖片的變化
這篇文章主要介紹了通過onmouseover選項(xiàng)卡實(shí)現(xiàn)img圖片的變化,需要的朋友可以參考下2014-02-02
使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測試實(shí)例詳解
這篇文章主要介紹了使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測試,結(jié)合實(shí)例形式詳細(xì)分析了使用 Jest 和 Supertest 進(jìn)行接口端點(diǎn)測試具體原理、操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-04-04
javascript隨機(jī)將第一個dom中的圖片添加到第二個div中示例
此代碼的是一個簡單的例子,將第一個div中的五張圖片中,提取隨機(jī)兩張顯示到第二個div中,具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下2013-10-10
JavaScript設(shè)計(jì)模式組合設(shè)計(jì)模式案例
這篇文章主要介紹了JavaScript設(shè)計(jì)模式組合設(shè)計(jì)模式案例,組合設(shè)計(jì)模式是用于將多個部分通過組合的方式行成一個整體,更多相關(guān)內(nèi)容需要的小伙伴可以參考一下2022-06-06

