简单代码实现现在时间+日期显示功能（美化版）

更新时间：2023-10-14 09:19:00 作者：肥宅-季波我要评论(0)

不多废话，直接上代码！

<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>
<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>