获取当前时间页面自动刷新

原创 2019-01-09 17:56:06 443
摘要:<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,

<!doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>实现当前日期显示</title>
</head>
<style>

div{border:2px solid #FF8600;width:300px;height:200px;position: absolute;top: 40%;left: 40%;}
   p{text-align: center;padding:10px 0px;}

</style>
<body>
<div>
   <p>北京时间</p>
   <p id="myTime"></p>
</div>
</body>
<script type="text/javascript">
       var date = new Date();
       var myDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
       var year = date.getFullYear();
       var month = date.getMonth()+1;
       var day = date.getDate();
       var week = myDay[date.getDay()];
       var hour =date.getHours();
       var min=date.getMinutes();
       var second=date.getSeconds();
       document.getElementById("myTime").innerHTML=year+"/"+month+"/"+day+"  "+week+"  "+hour+":"+min+":"+second;
</script>
<script >
   function myrefresh()
   {
       window.location.reload();
   }
   setTimeout('myrefresh()',1000);
</script>
</html>

批改老师:韦小宝批改时间:2019-01-09 18:03:10
老师总结:完成的很不错 日期对象后期用的还是比较多的 一定要好好掌握哦 课后多多练习啊

发布手记

热门词条