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

