本篇内容主要讲解“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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。