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 cookie 頁面倒數計時JSCookie
- 倒數計時指定時間之後實現頁面跳轉效果
- JavaScript 倒數計時關閉頁面JavaScript
- Js Jquery 實現的按鈕倒數計時整理JSjQuery
- jQuery實現的按鈕可用倒數計時效果jQuery
- jquery實現返回頁面頂部功能。jQuery
- Ionic Angular 實現驗證碼倒數計時功能Angular
- Flutter倒數計時/計時器的實現Flutter
- 直播平臺搭建,計時和倒數計時功能的分別實現
- jquery實現的判斷倒數計時是否結束程式碼jQuery
- js實現活動倒數計時JS
- js倒數計時關閉頁面程式碼例項JS
- js倒數計時關閉當前頁面程式碼JS
- jQuery 倒數計時效果詳解jQuery
- jquery 60s倒數計時jQuery
- js實現指定時間倒數計時JS
- 倒數計時指定時間頁面跳轉程式碼例項
- Android View篇之啟動頁倒數計時動畫的實現AndroidView動畫
- jquery實現的點選進行倒數計時效果程式碼例項jQuery
- 計算時間差,頁面倒數計時,安卓與ios相容問題安卓iOS
- 用宏實現PPT倒數計時
- js倒數計時 實現傳送驗證碼倒數計時60sJS
- JavaScript 前端倒數計時糾偏實現JavaScript前端
- ReactiveCocoa 實現 按鈕倒數計時React
- js實現驗證碼倒數計時JS
- Android 實現計數或者倒數計時 計時器 用法DemoAndroid
- 倒數計時一定時間跳轉到另一個頁面
- Android閃屏頁圓形倒數計時進度條實現Android
- Android實現計時與倒數計時的幾種方法Android
- jQuery實現的文字輸入字數倒計效果程式碼jQuery
- Android 倒數計時的五種實現方式Android
- jQuery倒數計時效果程式碼例項jQuery
- 遊戲陪玩app原始碼開發,常用的倒數計時功能如何實現?遊戲APP原始碼
- 使用 jQuery 實現分頁功能jQuery
- 20個非常棒的jQuery倒數計時指令碼jQuery指令碼
- RxJava2系列實踐之倒數計時功能(三)RxJava
- js程式碼實現倒數計時秒殺的效果JS