Jquery 實現頁面倒數計時的功能
最近碰到個頁面要顯示倒數計時的功能。因為不可能去一直ajax請求資料庫獲取最新的時間,只有在頁面也去實時的變更倒數計時。
var timer = setInterval(function () {
/*獲取datagrid的時間列的資訊 */
var tdList = $('#report1 .datagrid-body [field=TIME_COUNTDOWN] div');
for (var i = 0; i < tdList.length; i++) {
var Temp = tdList[i].innerText.split(':');
var Seconds = 60 * Number(Temp[0]) + Number(Temp[1]);
if (Seconds <= 0) {
result = tdList[i].innerText;
} else {
var time = Seconds - 1;
var theTime = parseInt(time);// 秒
var middle = 0;// 分
if (theTime > 60) {
middle = parseInt(theTime / 60);
theTime = parseInt(theTime % 60);
}
var result = parseInt(theTime);
if (middle > 0) {
result = LeftMake(parseInt(middle), 2) + ":" + LeftMake(result, 2);
} else {
result = "00:" + LeftMake(result, 2);
}
tdList[i].innerText = result;
}
}
}, 1000);
相關文章
- jquery實現60秒倒數計時jQuery
- Js Jquery 實現的按鈕倒數計時整理JSjQuery
- js cookie 頁面倒數計時JSCookie
- JavaScript 倒數計時關閉頁面JavaScript
- 直播平臺搭建,計時和倒數計時功能的分別實現
- Flutter倒數計時/計時器的實現Flutter
- jQuery 倒數計時效果詳解jQuery
- jquery 60s倒數計時jQuery
- Android View篇之啟動頁倒數計時動畫的實現AndroidView動畫
- 使用 jQuery 實現分頁功能jQuery
- js實現指定時間倒數計時JS
- ReactiveCocoa 實現 按鈕倒數計時React
- js實現活動倒數計時JS
- JavaScript 前端倒數計時糾偏實現JavaScript前端
- win10桌面倒數計時設定方法_win10倒數計時功能怎麼放在桌面Win10
- jQuery精確到毫秒倒數計時詳解jQuery
- 計算時間差,頁面倒數計時,安卓與ios相容問題安卓iOS
- RxJava2系列實踐之倒數計時功能(三)RxJava
- 遊戲陪玩app原始碼開發,常用的倒數計時功能如何實現?遊戲APP原始碼
- 倒數計時
- 直播小程式原始碼,vue實現時間倒數計時原始碼Vue
- app直播原始碼,驗證時實現獲取驗證碼並顯示倒數計時的功能APP原始碼
- 直播系統原始碼,實現倒數計時,定時任務原始碼
- 微信開發之小程式實現倒數計時
- 實現一個頁面鎖屏的功能
- JavaScript倒數計時JavaScript
- 商城倒數計時
- 網頁倒數計時跳轉程式碼例項網頁
- Steam實驗室深化推薦功能 編輯下崗倒數計時?
- 【JS】javascript實現頁面顯示數字時鐘JSJavaScript
- 動畫合成小技巧!CSS 實現動感的倒數計時效果動畫CSS
- 原生JavaScript實現頁面回到頂部的功能JavaScript
- 直播軟體app開發,產品頁面顯示折扣倒數計時一欄APP
- 倒數計時34天
- 倒數計時2天!
- 倒數計時1天
- 倒數計時2天
- CSS3動畫實現3D倒數計時效果CSSS3動畫3D