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

分类:实用代码 时间:2022-04-12 23:22 浏览:0 评论:0
0

显示样式:

搜狗截图22年04月12日2321_1.png

不多废话,直接上代码!

<!-- 样式文件 -->
<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>
1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 实用代码 > 简单代码实现现在时间+日期显示功能(美化版)

用户评论