亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 第一次接觸神奇的Bootstrap表單

    第一次接觸神奇的Bootstrap表單

    第一次接觸神奇的Bootstrap表單,Bootstrap讓W(xué)eb開發(fā)更迅速、更簡單,感興趣的小伙伴們可以參考一下
    2016-07-07
  • 微信小程序整合使用富文本編輯器的方法詳解

    微信小程序整合使用富文本編輯器的方法詳解

    這篇文章主要介紹了微信小程序整合使用富文本編輯器的方法,結(jié)合實例形式分析了微信小程序整合與使用富文本插件WxParse相關(guān)步驟與操作技巧,需要的朋友可以參考下
    2019-04-04
  • 微信小程序?qū)崿F(xiàn)答題倒計時

    微信小程序?qū)崿F(xiàn)答題倒計時

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)答題倒計時,自定義計時器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-09-09
  • javascript eval和JSON之間的聯(lián)系

    javascript eval和JSON之間的聯(lián)系

    本文著重解釋eval函數(shù)和JSON數(shù)據(jù)格式之間的聯(lián)系以及一些細(xì)節(jié)上的問題。
    2009-12-12
  • 前端權(quán)限控制和管理實現(xiàn)步驟詳解

    前端權(quán)限控制和管理實現(xiàn)步驟詳解

    這篇文章主要介紹了前端權(quán)限控制的相關(guān)概念和實現(xiàn)思路,前端權(quán)限控制不僅可以提高安全性,還可以提升用戶體驗,文中將實現(xiàn)的步驟介紹的非常詳細(xì),需要的朋友可以參考下
    2025-03-03
  • IE6、IE7中獲取Button元素的值的bug說明

    IE6、IE7中獲取Button元素的值的bug說明

    IE6、IE7中獲取Button元素的值的bug說明,大家在以后使用dom操作的朋友可以注意下。
    2011-08-08
  • javascript實現(xiàn)點擊按鈕變色

    javascript實現(xiàn)點擊按鈕變色

    這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)點擊按鈕變色,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 在JavaScript中添加css樣式(js追加類)代碼示例

    在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
  • layui中table表頭樣式修改方法

    layui中table表頭樣式修改方法

    今天小編就為大家分享一篇layui中table表頭樣式修改方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • 使用js檢測瀏覽器是否支持html5中的video標(biāo)簽的方法

    使用js檢測瀏覽器是否支持html5中的video標(biāo)簽的方法

    這篇文章主要介紹了使用js檢測瀏覽器是否支持html5中的video標(biāo)簽的方法,需要的朋友可以參考下
    2014-03-03

最新評論