JS獲取當前時間的兩種方法小結
更新時間:2023年09月07日 08:42:21 作者:z_星河
這篇文章主要給大家介紹了關于JS獲取當前時間的兩種方法,在web開發(fā)中,通過js獲取時間非常的常用,我這里做個總結,需要的朋友可以參考下
提示:
現(xiàn)在很多應用程序都會有用到時間的地方,無論是倒計時或者活動的時間戳等。
一、第一種方法
不足:不會補零
代碼示例:
<div id="time"></div>
//獲取當前時間
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() //獲取當前時間戳
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);總結
到此這篇關于JS獲取當前時間的兩種方法的文章就介紹到這了,更多相關JS獲取當前時間內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
微信小程序如何調用新聞接口實現(xiàn)列表循環(huán)
這篇文章主要介紹了微信小程序如何調用新聞接口實現(xiàn)列表循環(huán),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
Javascript限制網(wǎng)頁只能在微信內置瀏覽器中訪問
最近正在開發(fā)一個微信公眾賬號,其中有一項功能是用戶發(fā)送文字消息給公眾號,然后公眾號返回圖文消息給用戶,用戶再點擊圖文消息即可跳轉到一個網(wǎng)頁鏈接,在微信的內置瀏覽器中打開。2014-11-11
webpack-bundle-analyzer?插件配置使用方法
webpack-bundle-analyzer?是?webpack?的插件,需要配合?webpack?和?webpack-cli?一起使用,這篇文章主要介紹了webpack-bundle-analyzer?插件配置,需要的朋友可以參考下2023-02-02

