成都创新互联网站制作重庆分公司

html怎么获取当前时间

本篇内容主要讲解“html怎么获取当前时间”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html怎么获取当前时间”吧!

我们提供的服务有:成都做网站、成都网站设计、微信公众号开发、网站优化、网站认证、莱阳ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的莱阳网站制作公司

具体方法如下:

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

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



    

        demo
    
    
    

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

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


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
}

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

html怎么获取当前时间

源代码:





demo

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
}



到此,相信大家对“html怎么获取当前时间”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


分享标题:html怎么获取当前时间
浏览地址:http://cxhlcq.com/article/jggeee.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部