溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html怎么獲取當(dāng)前時間

發(fā)布時間:2022-04-24 15:44:00 來源:億速云 閱讀:179 作者:iii 欄目:大數(shù)據(jù)

本篇內(nèi)容主要講解“html怎么獲取當(dāng)前時間”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“html怎么獲取當(dāng)前時間”吧!

具體方法如下:

1、在操作系統(tǒng)中新建一個文本文檔,將其后綴名改成“html”并打開進(jìn)行編輯。

2、首先給新建的html文件添加代碼架構(gòu)。

<!DOCTYPE html>
<html>
    <head>
<meta charset="UTF-8">
        <title>demo</title>
    </head>
    <body>
    </body>
</html>

3、使用一個div標(biāo)簽來顯示獲取當(dāng)前時間的值。

<div id="Main"></div>

4、使用javascript中Date對象創(chuàng)建獲取時間的方法。

<script type="text/javascript">
window.onload=function()
{
window.requestAnimationFrame(getDate)
}
function getDate()
{
window.setTimeout(function(){
window.requestAnimationFrame(getDate)
},1000/2)
var d=new Date();   
var year=d.getFullYear()  //獲取年
var month=d.getMonth()+1;  //獲取月,從 Date 對象返回月份 (0 ~ 11),故在此處+1
var day=d.getDay()    //獲取日
var days=d.getDate() //獲取日期
var hour=d.getHours()   //獲取小時
var minute=d.getMinutes()  //獲取分鐘
var second=d.getSeconds()   //獲取秒
if(month<10) month="0"+month
if(days<10) days="0"+days
if(hour<10) hour="0"+hour
if(minute<10) minute="0"+minute
if(second<10) second="0"+second
var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
var Tools=document.getElementById("Main")
var da=year+" 年 "+month+" 月 "+days+" 日 "+week[day]+" "+hour+" : "+minute+" :"+second
Tools.innerHTML=da
}
</script>

5、最后通過瀏覽器查看設(shè)置效果即可。

html怎么獲取當(dāng)前時間

源代碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<script type="text/javascript">
window.onload=function()
{
window.requestAnimationFrame(getDate)
}
function getDate()
{
window.setTimeout(function(){
window.requestAnimationFrame(getDate)
},1000/2)
var d=new Date();   
var year=d.getFullYear()  //獲取年
var month=d.getMonth()+1;  //獲取月,從 Date 對象返回月份 (0 ~ 11),故在此處+1
var day=d.getDay()    //獲取日
var days=d.getDate() //獲取日期
var hour=d.getHours()   //獲取小時
var minute=d.getMinutes()  //獲取分鐘
var second=d.getSeconds()   //獲取秒
if(month<10) month="0"+month
if(days<10) days="0"+days
if(hour<10) hour="0"+hour
if(minute<10) minute="0"+minute
if(second<10) second="0"+second
var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
var Tools=document.getElementById("Main")
var da=year+" 年 "+month+" 月 "+days+" 日 "+week[day]+" "+hour+" : "+minute+" :"+second
Tools.innerHTML=da
}
</script>
</head>
<body>
<div id="Main"></div>
</body>
</html>

到此,相信大家對“html怎么獲取當(dāng)前時間”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI