JS獲取當(dāng)前時(shí)間的兩種方法小結(jié)
提示:
現(xiàn)在很多應(yīng)用程序都會(huì)有用到時(shí)間的地方,無(wú)論是倒計(jì)時(shí)或者活動(dòng)的時(shí)間戳等。
一、第一種方法
不足:不會(huì)補(bǔ)零
代碼示例:
<div id="time"></div> //獲取當(dāng)前時(shí)間 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);
二、第二種方法
不足:沒(méi)有星期幾
效果圖:
代碼如下(示例):
<div id="time"></div> let time = +new Date() //獲取當(dāng)前時(shí)間戳 function getFamtterTimer(time) { //傳入時(shí)間 let date = new Date(time), Y = date.getFullYear(), // 年 M = date.getMonth() + 1, //月 D = date.getDate(), //日 h = date.getHours(), //小時(shí) 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) { // 個(gè)位數(shù)前補(bǔ)0 if (parseInt(num) < 10) { num = '0' + num; } return num; } setInterval("getFamtterTimer(+new Date())", 1000);
總結(jié)
到此這篇關(guān)于JS獲取當(dāng)前時(shí)間的兩種方法的文章就介紹到這了,更多相關(guān)JS獲取當(dāng)前時(shí)間內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- JS簡(jiǎn)單獲取當(dāng)前日期和農(nóng)歷日期的方法
- JS簡(jiǎn)單獲取當(dāng)前日期時(shí)間的方法(如:2017-03-29 11:41:10 星期四)
- 在JSP頁(yè)面中獲取當(dāng)前日期時(shí)間的方法
- Js獲取當(dāng)前日期時(shí)間及格式化代碼
- js顯示當(dāng)前日期時(shí)間和星期幾
- js 判斷當(dāng)前時(shí)間是否處于某個(gè)一個(gè)時(shí)間段內(nèi)
- 詳解js實(shí)時(shí)獲取并顯示當(dāng)前時(shí)間的方法
- JS獲取當(dāng)前時(shí)間的實(shí)例代碼(昨天、今天、明天)
- JS實(shí)現(xiàn)HTML頁(yè)面中動(dòng)態(tài)顯示當(dāng)前時(shí)間完整示例
- js將當(dāng)前時(shí)間格式化為 年-月-日 時(shí):分:秒的實(shí)現(xiàn)代碼
- JS獲取當(dāng)前日期 YYYY-MM-DD hh-mm-ss的示例代碼
相關(guān)文章
微信小程序?qū)崿F(xiàn)答題倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)答題倒計(jì)時(shí),自定義計(jì)時(shí)器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-09-09javascript eval和JSON之間的聯(lián)系
本文著重解釋eval函數(shù)和JSON數(shù)據(jù)格式之間的聯(lián)系以及一些細(xì)節(jié)上的問(wèn)題。2009-12-12前端權(quán)限控制和管理實(shí)現(xiàn)步驟詳解
這篇文章主要介紹了前端權(quán)限控制的相關(guān)概念和實(shí)現(xiàn)思路,前端權(quán)限控制不僅可以提高安全性,還可以提升用戶體驗(yàn),文中將實(shí)現(xiàn)的步驟介紹的非常詳細(xì),需要的朋友可以參考下2025-03-03IE6、IE7中獲取Button元素的值的bug說(shuō)明
IE6、IE7中獲取Button元素的值的bug說(shuō)明,大家在以后使用dom操作的朋友可以注意下。2011-08-08javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊按鈕變色,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07在JavaScript中添加css樣式(js追加類)代碼示例
這篇文章主要給大家介紹了關(guān)于在JavaScript中如何添加css樣式,也就是js追加類的相關(guān)資料,JavaScript是一種廣泛應(yīng)用于互聯(lián)網(wǎng)開(kāi)發(fā)的編程語(yǔ)言,它能夠幫助網(wǎng)頁(yè)實(shí)現(xiàn)動(dòng)態(tài)效果和交互性,需要的朋友可以參考下2024-01-01使用js檢測(cè)瀏覽器是否支持html5中的video標(biāo)簽的方法
這篇文章主要介紹了使用js檢測(cè)瀏覽器是否支持html5中的video標(biāo)簽的方法,需要的朋友可以參考下2014-03-03