html如何获取当前时间

lewis 6年前 (2019-04-10) 阅读数 8 #程序编程

文章标签 html

html中获取当前时间的方法：1、创建html文件；2、给新建文件添加html代码架构；3、使用div标签来显示获取当前时间的值；4、使用javascript中Date对象并通过new Date()获取当前时间即可。

具体方法如下：

1、在操作系统中新建一个文本文档，将其后缀名改成“html”并打开进行编辑。

2、首先给新建的html文件添加代码架构。

<!DOCTYPEhtml><html>
<head>
<metacharset="UTF-8">
<title>demo</title>
</head>
<body>
</body>
</html>

3、使用一个div标签来显示获取当前时间的值。

<divid="Main"></div>

4、使用javascript中Date对象创建获取时间的方法。

<scripttype="text/javascript">window.onload=function()
{
window.requestAnimationFrame(getDate)
}
functiongetDate()
{
window.setTimeout(function(){
window.requestAnimationFrame(getDate)
},1000/2)
vard=newDate();
varyear=d.getFullYear()//获取年
varmonth=d.getMonth()+1;//获取月，从Date对象返回月份(0~11)，故在此处+1
varday=d.getDay()//获取日
vardays=d.getDate()//获取日期
varhour=d.getHours()//获取小时
varminute=d.getMinutes()//获取分钟
varsecond=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
varweek=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
varTools=document.getElementById("Main")
varda=year+"年"+month+"月"+days+"日"+week[day]+""+hour+":"+minute+":"+second
Tools.innerHTML=da
}
</script>

5、最后通过浏览器查看设置效果即可。

源代码：

<!DOCTYPEhtml><html>
<head>
<metacharset="utf-8">
<title>demo</title>
<scripttype="text/javascript">
window.onload=function()
{
window.requestAnimationFrame(getDate)
}
functiongetDate()
{
window.setTimeout(function(){
window.requestAnimationFrame(getDate)
},1000/2)
vard=newDate();
varyear=d.getFullYear()//获取年
varmonth=d.getMonth()+1;//获取月，从Date对象返回月份(0~11)，故在此处+1
varday=d.getDay()//获取日
vardays=d.getDate()//获取日期
varhour=d.getHours()//获取小时
varminute=d.getMinutes()//获取分钟
varsecond=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
varweek=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
varTools=document.getElementById("Main")
varda=year+"年"+month+"月"+days+"日"+week[day]+""+hour+":"+minute+":"+second
Tools.innerHTML=da
}
</script>
</head>
<body>
<divid="Main"></div>
</body>
</html>

版权声明

本文仅代表作者观点，不代表米安网络立场。

上一篇：python使用abs函数求绝对值下一篇：ps火焰字效果怎么制作

发表评论:取消回复

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

html如何获取当前时间

版权声明

作者文章