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
- 商品搶購倒數計時效果程式碼例項
- 網頁倒數計時跳轉程式碼例項網頁
- JavaScript 倒數計時60秒程式碼JavaScript
- JavaScript倒數計時JavaScript
- JavaScript刪除元素節點程式碼例項JavaScript
- JavaScript取餘數程式碼例項JavaScript
- 獲取倒數第幾個元素程式碼例項
- 倒數計時(Excel程式碼集團)Excel
- JavaScript in運算子程式碼例項JavaScript
- JavaScript 年月日倒數計時JavaScript
- js自動倒數計時程式碼,倒數計時完畢時自動停止迴圈JS
- 小程式 - 驗證碼倒數計時元件元件
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- JavaScript運動框架程式碼例項JavaScript框架
- JavaScript 阻止事件冒泡程式碼例項JavaScript事件
- JavaScript 倒數計時踩坑集錦JavaScript
- JavaScript 倒數計時關閉頁面JavaScript
- 小程式倒數計時深究
- JavaScript 前端倒數計時糾偏實現JavaScript前端
- JavaScript 原生 小案例 60秒倒數計時JavaScript
- JavaScript陣列合並程式碼例項JavaScript陣列
- JavaScript 表單驗證程式碼例項JavaScript
- 直播小程式原始碼,vue實現時間倒數計時原始碼Vue
- JavaScript 原生 小案例 秒殺時鐘倒數計時JavaScript
- JavaScript 天小時分鐘和秒倒數計時JavaScript
- 設計模式例項程式碼設計模式
- 倒數計時
- JavaScript倒數計時隱藏廣告詳解JavaScript
- JavaScript中常用的事件程式碼及例項JavaScript事件
- 倒數計時獲取驗證碼
- 獲取驗證碼倒數計時
- 視訊直播系統原始碼,倒數計時顯示,商品秒殺倒數計時原始碼
- PE結構-合併節(附例項程式碼)
- 商城倒數計時
- 好程式設計師web前端分享在HTML中使用JavaScript例項程式碼程式設計師Web前端HTMLJavaScript
- JavaScript年月日精確到秒倒數計時JavaScript
- JavaScript簡訊重發按鈕可用倒數計時JavaScript
- 前端學習程式碼例項-JavaScript阻止事件冒泡前端JavaScript事件