溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“html怎么獲取當前時間”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“html怎么獲取當前時間”吧!
具體方法如下：
1、在操作系統中新建一個文本文檔，將其后綴名改成“html”并打開進行編輯。
2、首先給新建的html文件添加代碼架構。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo</title> </head> <body> </body> </html>
3、使用一個div標簽來顯示獲取當前時間的值。
<div id="Main"></div>
4、使用javascript中Date對象創建獲取時間的方法。
<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、最后通過瀏覽器查看設置效果即可。
源代碼：
<!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怎么獲取當前時間”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
