JavaScript春節倒數計時程式碼例項
春節馬上就要到了,可能不少的個人網站或者什麼程式會加上一個倒數計時功能。
下面就分享一個能夠簡單實現此功能的程式碼例項。
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> window.onload = function () { var oSpan = document.getElementById('span'); function myTime() { var Time1 = new Date(); //當前時間 var Time2 = new Date(2019, 1, 7, 24, 0, 0); //倒數計時時間 var t = Math.floor((Time2 - Time1) / 1000); // 天:Math.floor(t/86400) // 時:Math.floor(t%86400/3600) // 分:Math.floor(t%86400%3600/60) // 秒:t%60 var str = Math.floor(t / 86400) + '天' + toTwo(Math.floor(t % 86400 / 3600)) + '時' + toTwo(Math.floor(t % 86400 % 3600 / 60)) + '分' + toTwo(t % 60) + '秒'; oSpan.innerHTML = str; } myTime(); //判斷當'時分秒'為個位數時,需要前面加0,如01 function toTwo(n) { return n < 10 ? '0' + n : '' + n; } setInterval(function () { myTime(); }, 1000); } </script> </head> <body> 距離春節還有<span id="span"></span> </body> </html>
相關文章
- JavaScript倒數計時程式碼例項JavaScript
- jQuery倒數計時效果程式碼例項jQuery
- 按鈕倒數計時可用效果例項程式碼
- 商品搶購倒數計時效果程式碼例項
- 網頁倒數計時跳轉程式碼例項網頁
- 按鈕倒數計時指定秒數可用程式碼例項
- js倒數計時關閉頁面程式碼例項JS
- 倒數計時結尾使用動畫效果程式碼例項動畫
- 倒數計時指定時間頁面跳轉程式碼例項
- JavaScript 倒數計時60秒程式碼JavaScript
- 年月日小時分鐘秒倒數計時效果程式碼例項
- 可以防止重新整理重置的倒數計時例項程式碼
- 文字框輸入數字倒計例項程式碼
- JavaScript倒數計時60秒程式碼詳解JavaScript
- JavaScript倒數計時JavaScript
- jquery實現的點選進行倒數計時效果程式碼例項jQuery
- js按鈕點選後需要倒數計時才能可能用程式碼例項JS
- JavaScript取餘數程式碼例項JavaScript
- textarea文字框輸入文字數目倒計效果程式碼例項
- javascript實現表單可點選倒數計時程式碼JavaScript
- javascript帶有毫秒的計時器程式碼例項JavaScript
- 獲取倒數第幾個元素程式碼例項
- setTimeout倒數計時效果程式碼
- javascript 計算器程式碼例項JavaScript
- javascript生成隨機數程式碼例項JavaScript隨機
- javascript數字上舍入程式碼例項JavaScript
- javascript數字下舍入程式碼例項JavaScript
- javascript實時顯示時間程式碼例項JavaScript
- javascript顛倒陣列元素順序簡單程式碼例項JavaScript陣列
- JavaScript 年月日倒數計時JavaScript
- 小程式 - 驗證碼倒數計時元件元件
- JavaScript產生隨機數例項程式碼JavaScript隨機
- javascript獲取url引數程式碼例項JavaScript
- javascript計算兩個日期相差的天數程式碼例項JavaScript
- JavaScript 倒數計時關閉頁面JavaScript
- JavaScript 倒數計時踩坑集錦JavaScript
- javascript生成指定位數隨機數程式碼例項JavaScript隨機
- 小程式倒數計時深究