主页时间代码

为了便于在写博客时不忘记时间,强调时间意识,特意加了此代码。

 

HTML代码如下:

1 <span id="sTime" style="position: fixed;font-size: 30px; color: white;right: 114px;top: 34px;"></span>

JS代码如下:

 1 window.onload = function() {
 2     setInterval(function(){   
 3     var date=new Date();   
 4     var year=date.getFullYear(); //获取当前年份   
 5     var mon=date.getMonth()+1; //获取当前月份   
 6     var da=date.getDate(); //获取当前日   
 7     var day=date.getDay(); //获取当前星期几   
 8     var h=date.getHours(); //获取小时   
 9     var m=date.getMinutes(); //获取分钟   
10     var s=date.getSeconds(); //获取秒   
11     var d=document.getElementById('sTime');    
12     d.innerHTML=year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;  },1000)  };

 

posted @ 2020-03-13 21:25  厸清扬  阅读(365)  评论(0编辑  收藏  举报