[js]用周期函数把一个date类的时分秒写入到一个页面,时分秒在走动,实现时分秒字体颜色随机变化

BigTink

于 2020-12-16 20:46:29 发布

阅读量189

点赞数

分类专栏：前端文章标签： javascript js

本文链接：https://blog.csdn.net/BigTink/article/details/111302648

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

用周期函数把一个date类的时分秒写入到一个页面,时分秒在走动,实现时分秒字体颜色随机变化

<script>
    window.onload = function() {
        var clock = document.getElementById('clock');
        var color = ['red', 'green', 'yellow', 'blue', 'black', 'gold', 'orange', 'gray', 'pink', 'maroon']; //钟表颜色数组
        setInterval(function() {
            var now = new Date();
            clock.innerHTML = now.getFullYear() + '年' + (now.getMonth()+1) + '月' + now.getDate() + '日' + now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
            var radom = Math.floor(Math.random() * color.length + 1) - 1; //随机bai数
            clock.style.color = color[radom]; //设置随机颜色
        }, 1000)
    }
</script>
<body>
<span id = "clock" style="font-size:20px;"></span>
</body>

BigTink

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[js]用周期函数把一个date类的时分秒写入到一个页面,时分秒在走动,实现时分秒字体颜色随机变化

用周期函数把一个date类的时分秒写入到一个页面,时分秒在走动,实现时分秒字体颜色随机变化<script> window.onload = function() { var clock = document.getElementById('clock'); var color = ['red', 'green', 'yellow', 'blue', 'black', 'gold', 'orange', 'gray', 'pink', 'maroon']
复制链接

扫一扫