JS獲取當(dāng)前時間的兩種方法小結(jié)
更新時間:2023年09月07日 08:42:21 作者:z_星河
這篇文章主要給大家介紹了關(guān)于JS獲取當(dāng)前時間的兩種方法,在web開發(fā)中,通過js獲取時間非常的常用,我這里做個總結(jié),需要的朋友可以參考下
提示:
現(xiàn)在很多應(yīng)用程序都會有用到時間的地方,無論是倒計時或者活動的時間戳等。
一、第一種方法
不足:不會補零
代碼示例:
<div id="time"></div> //獲取當(dāng)前時間 function time() { var vWeek, vWeek_s, vDay; vWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"]; var date = new Date(); year = date.getFullYear(); month = date.getMonth() + 1; day = date.getDate(); hours = date.getHours(); minutes = date.getMinutes(); seconds = date.getSeconds(); vWeek_s = date.getDay(); document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes + ":" + seconds + "\t" + vWeek[vWeek_s]; }; setInterval("time()", 1000);
二、第二種方法
不足:沒有星期幾
效果圖:
代碼如下(示例):
<div id="time"></div> let time = +new Date() //獲取當(dāng)前時間戳 function getFamtterTimer(time) { //傳入時間 let date = new Date(time), Y = date.getFullYear(), // 年 M = date.getMonth() + 1, //月 D = date.getDate(), //日 h = date.getHours(), //小時 m = date.getMinutes(), //分鐘 s = date.getSeconds(); //秒數(shù) document.getElementById("time").innerHTML = Y + '-' + getZero(M) + '-' + getZero(D) + ' ' + getZero(h) + ':' + getZero(m) + ':' + getZero(s); } function getZero(num) { // 個位數(shù)前補0 if (parseInt(num) < 10) { num = '0' + num; } return num; } setInterval("getFamtterTimer(+new Date())", 1000);
總結(jié)
到此這篇關(guān)于JS獲取當(dāng)前時間的兩種方法的文章就介紹到這了,更多相關(guān)JS獲取當(dāng)前時間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:
- JS簡單獲取當(dāng)前日期和農(nóng)歷日期的方法
- JS簡單獲取當(dāng)前日期時間的方法(如:2017-03-29 11:41:10 星期四)
- 在JSP頁面中獲取當(dāng)前日期時間的方法
- Js獲取當(dāng)前日期時間及格式化代碼
- js顯示當(dāng)前日期時間和星期幾
- js 判斷當(dāng)前時間是否處于某個一個時間段內(nèi)
- 詳解js實時獲取并顯示當(dāng)前時間的方法
- JS獲取當(dāng)前時間的實例代碼(昨天、今天、明天)
- JS實現(xiàn)HTML頁面中動態(tài)顯示當(dāng)前時間完整示例
- js將當(dāng)前時間格式化為 年-月-日 時:分:秒的實現(xiàn)代碼
- JS獲取當(dāng)前日期 YYYY-MM-DD hh-mm-ss的示例代碼
相關(guān)文章
javascript eval和JSON之間的聯(lián)系
本文著重解釋eval函數(shù)和JSON數(shù)據(jù)格式之間的聯(lián)系以及一些細(xì)節(jié)上的問題。2009-12-12在JavaScript中添加css樣式(js追加類)代碼示例
這篇文章主要給大家介紹了關(guān)于在JavaScript中如何添加css樣式,也就是js追加類的相關(guān)資料,JavaScript是一種廣泛應(yīng)用于互聯(lián)網(wǎng)開發(fā)的編程語言,它能夠幫助網(wǎng)頁實現(xiàn)動態(tài)效果和交互性,需要的朋友可以參考下2024-01-01使用js檢測瀏覽器是否支持html5中的video標(biāo)簽的方法
這篇文章主要介紹了使用js檢測瀏覽器是否支持html5中的video標(biāo)簽的方法,需要的朋友可以參考下2014-03-03