直播小程式原始碼,vue實現時間倒數計時
直播小程式原始碼,vue實現時間倒數計時
// html <div>還剩{{min}}:{{sec}}獲取腦力</div> data(){ return { day: 0, hr: 0, min: 0, sec: 0, } }, mounted(){ this.countdown() }, countdown() { const end = (app.globalData.currenergy_ts + (1*60*60))*1000; // 定義開始時間且延長1小時 const now = Date.parse(new Date()); // 獲取本地時間 const msec = end - now; // 將時間戳進行格式化00:00的形式 let day = parseInt(msec / 1000 / 60 / 60 / 24); let hr = parseInt(msec / 1000 / 60 / 60 % 24); let min = parseInt(msec / 1000 / 60 % 60); let sec = parseInt(msec / 1000 % 60); this.day = day; this.hr = hr > 9 ? hr : '0' + hr; this.min = min > 9 ? min : '0' + min; this.sec = sec > 9 ? sec : '0' + sec; const that = this; // 倒數計時結束時的操作 if(hr ==0 && min ==0 && sec==0){ let n =app.globalData.currenergy+1; this.recoverEnergy('recover',n); return }else { setTimeout(function () { that.countdown() }, 1000) } }
以上就是直播小程式原始碼,vue實現時間倒數計時, 更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2939321/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播系統原始碼,實現倒數計時,定時任務原始碼
- 直播網站原始碼,Canvas實現圓形時間倒數計時進度條網站原始碼Canvas
- 線上直播系統原始碼,預設倒數計時,自定義輸入時間倒數計時原始碼
- js實現指定時間倒數計時JS
- 直播商城系統原始碼,js製作倒數計時,天,小時,分,秒原始碼JS
- 視訊直播系統原始碼,倒數計時顯示,商品秒殺倒數計時原始碼
- 微信開發之小程式實現倒數計時
- 小程式倒數計時深究
- 小程式 - 驗證碼倒數計時元件元件
- app直播原始碼,驗證時實現獲取驗證碼並顯示倒數計時的功能APP原始碼
- 直播電商原始碼,商品出售倒數計時的定時器效果原始碼定時器
- js倒數計時 實現傳送驗證碼倒數計時60sJS
- js實現驗證碼倒數計時JS
- 直播平臺搭建,計時和倒數計時功能的分別實現
- js程式碼實現倒數計時秒殺的效果JS
- Flutter倒數計時/計時器的實現Flutter
- 微信小程式之倒數計時元件微信小程式元件
- 倒數計時指定時間頁面跳轉程式碼例項
- 手機直播原始碼,驗證碼自動讀秒倒數計時原始碼
- js實現活動倒數計時JS
- javascript實現表單可點選倒數計時程式碼JavaScript
- 倒數計時指定時間之後實現頁面跳轉效果
- 簡單實現時間倒數計時與伺服器同步效果伺服器
- 【重構】微信小程式倒數計時元件微信小程式元件
- js自動倒數計時程式碼,倒數計時完畢時自動停止迴圈JS
- 直播系統app原始碼,自定義可以暫停的倒數計時APP原始碼
- 直播電商原始碼,活動開始時間計時器原始碼
- Ionic Angular 實現驗證碼倒數計時功能Angular
- jquery實現的判斷倒數計時是否結束程式碼jQuery
- JavaScript 倒數計時60秒程式碼JavaScript
- JavaScript倒數計時程式碼例項JavaScript
- setTimeout倒數計時效果程式碼
- 倒數計時(Excel程式碼集團)Excel
- jquery實現60秒倒數計時jQuery
- 用宏實現PPT倒數計時
- 直播app原始碼,定時開關,實現計時器功能APP原始碼
- 年月日小時分鐘秒倒數計時效果程式碼例項
- 原生js實現的天小時分鐘和秒倒數計時效果JS