简单代码实现现在时间+日期显示功能(美化版)
显示样式:
不多废话,直接上代码!
<!-- 样式文件 --> <style> @font-face{font-family:Micro;src:url(MicroExtendFLF.ttf)} *{padding:0;margin:0} #main{width:100%;height:100%;background-color:#000} #show_time{font-family:Micro;text-align:center;font-weight:700;font-size:30px;color:#fff;text-shadow:1px 1px 2px #000} #show_date{text-align:center;font-size:16px;color:#fff;font-weight:700;margin:10px} </style> <!-- 调用 --> <div id="main"> <div id="show_date"></div> <div id="show_time"></div> </div> <!-- js控制代码 --> <script> //显示日期和时间 function show() { var date = new Date(); var y = date.getFullYear(); //获取年份 var m =date.getMonth()+1; //获取月份 返回0-11 var d = date.getDate(); // 获取日 var w = date.getDay(); //获取星期几 返回0-6 (0=星期天) var ww = ' 星期'+'日一二三四五六'.charAt(new Date().getDay()) ;//星期几 var format = [ ("0" + date.getHours()).substr(-2), ("0" + date.getMinutes()).substr(-2) ].join(":"); document.getElementById("show_date")[xss_clean] = y+"年"+m+"月"+d+"日 "+ww; document.getElementById("show_time")[xss_clean] = format; return show; } setInterval(show(), 500); </script>
相关文档
上一篇:给网站顶部加一个跑马灯的特效
下一篇:没有了