ｊｓ闪烁显示此时时间

最新推荐文章于 2022-12-24 15:59:15 发布

Danker01

最新推荐文章于 2022-12-24 15:59:15 发布

阅读量660

点赞数

本文链接：https://blog.csdn.net/weixin_42575020/article/details/81147995

版权

<!DOCTYPE html>
<html>
<head>
    <title>时间显示</title>
    <meta http-equiv="refresh" content="1">
    <meta charset="utf-8">
    <style type="text/css">
        #timed{
            background: firebrick;
            color:white;
            width: 300px;
            height: 60px;
            font-family: '微软雅黑';
            font-size: 20px;
            margin-top: 60px;
            float: right;
        }
    </style>
</head>
<body onload="times()">
    <div id="timed">
        adsfaadfadf
    </div>
    <script type="text/javascript">
        function changeColor() { 
            var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; 
            color=color.split("|");
            document.getElementById("timed").style.color=color[parseInt(Math.random() * color.length)]; 
    }
        setInterval("changeColor()",200);  
        function times(){
            var box = new Date(); 

            var year = box.getFullYear();

            var month = box.getMonth();

            var day = box.getDate();

            var hours = box.getHours();

            var minutes = box.getMinutes();

            var seconds = box.getSeconds();

            if(minutes<10){
                minutes = "0"+minutes;
            }
            if(seconds<10){
                seconds = "0"+seconds;
            }
            document.getElementById("timed").innerHTML = "<center>"+year+"年"+month+"月"+day+"日"+hours+"时"+minutes+"分"+seconds+"秒"+"</center>";
        }
    </script>
</body>
</html>