視訊直播系統原始碼,倒數計時顯示,商品秒殺倒數計時
視訊直播系統原始碼,倒數計時顯示,商品秒殺倒數計時
樣式:
<style> body { background-color: gray; } ul { list-style: none; } ul li { border: 1px solid black; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; margin-right: 10px; } ul li:nth-child(1) { width: 150px; } ul li:nth-child(5) { margin: 0; } </style>
結構:
<ul> <li>開獎時間倒數計時</li> <li id="d"></li> <li id="h"></li> <li id="c"></li> <li id="s"></li> </ul>
行為:
```javascript <script> // 初始化時間變數 var d = 0, h = 0, c = 0, s = 0; // 設定結束時間 var endTime = new Date('2021-11-24 19:49:50').getTime(); //設定定時器 dingshiqi =》 定時器 var dingshiqi = setInterval(action, 1000); function action() { // 獲取當前時間 var now_time = new Date().getTime(); // 距離結束剩餘的時間 結束時間-現在時間 var lase_time = (endTime - now_time) / 1000; // 判斷是否結束倒數計時 if (lase_time > 0) { //計算剩餘天數 d = parseInt(lase_time / (60 * 60 * 24)); // 計算剩餘小時數 h = parseInt((lase_time / (60 * 60)) % 24); // 計算剩餘分鐘數: c = parseInt((lase_time / 60) % 60); // 計算當前秒數 s = parseInt(lase_time % 60); //設定輸出的格式:(小於10的情況,前面加0) d = d < 10 ? '0' + d : d; h = h < 10 ? '0' + h : h; c = c < 10 ? '0' + c : c; s = s < 10 ? '0' + s : s; } else { clearInterval(dingshiqi); d = h = c = s = '00'; } // 把資料傳輸到html中 document.getElementById('d').innerHTML = d + '天'; document.getElementById('h').innerHTML = h + '時'; document.getElementById('c').innerHTML = c + '分'; document.getElementById('s').innerHTML = s + '秒'; } </script>
以上就是 視訊直播系統原始碼,倒數計時顯示,商品秒殺倒數計時,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2902916/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播帶貨app開發,制定商品秒殺倒數計時提示APP
- 線上直播系統原始碼,預設倒數計時,自定義輸入時間倒數計時原始碼
- 直播商城系統原始碼,js製作倒數計時,天,小時,分,秒原始碼JS
- 直播系統原始碼,實現倒數計時,定時任務原始碼
- 直播電商原始碼,商品出售倒數計時的定時器效果原始碼定時器
- JavaScript 原生 小案例 秒殺時鐘倒數計時JavaScript
- js程式碼實現倒數計時秒殺的效果JS
- JavaScript 倒數計時60秒程式碼JavaScript
- 手機直播原始碼,驗證碼自動讀秒倒數計時原始碼
- 直播系統app原始碼,自定義可以暫停的倒數計時APP原始碼
- 直播小程式原始碼,vue實現時間倒數計時原始碼Vue
- app直播原始碼,驗證時實現獲取驗證碼並顯示倒數計時的功能APP原始碼
- JavaScript倒數計時60秒程式碼詳解JavaScript
- jquery實現60秒倒數計時jQuery
- JavaScript倒數計時JavaScript
- js——倒數計時JS
- JS倒數計時JS
- 商品搶購倒數計時效果程式碼例項
- 按鈕倒數計時指定秒數可用程式碼例項
- JavaScript 原生 小案例 60秒倒數計時JavaScript
- JavaScript 天小時分鐘和秒倒數計時JavaScript
- javascript小時、分鐘和秒倒數計時效果JavaScript
- 直播系統平臺搭建,大屏倒數計時動畫效果動畫
- js倒數計時 實現傳送驗證碼倒數計時60sJS
- 原始碼分析:CountDownLatch 之倒數計時門栓原始碼CountDownLatch
- Kookjs 倒數計時JS
- 倒數計時34天
- 在SAP WebClient UI裡顯示倒數計時的UIWebclientUI
- 短視訊app製作,驗證碼輸入時間倒數計時APP
- 傳送簡訊驗證,後按鈕倒數計時,防止重新整理倒數計時失效
- JavaScript倒數計時程式碼例項JavaScript
- setTimeout倒數計時效果程式碼
- 直播網站原始碼,Canvas實現圓形時間倒數計時進度條網站原始碼Canvas
- laravel 9 倒數計時了Laravel
- 小程式倒數計時深究
- canvas環形倒數計時Canvas
- 倒數計時門栓(CountDownLatch)CountDownLatch
- JavaScript年月日精確到秒倒數計時JavaScript