KING_JOKER6 2022-03-04 09:05 采纳率: 75%
浏览 103
已结题

可以显示实时时间的html,怎么根据时间更改背景颜色

问题遇到的现象和发生背景

在一个可以显示实时时间的html中，希望可以根据时间修改背景颜色

问题相关代码

img

运行结果及报错内容

img

我的解答思路和尝试过的方法

根据时间是奇数偶数修改背景颜色，结果不成功，猜想无论如何变量now都不是数字？

我想要达到的结果

希望可以按照代码里的，根据奇数偶数时间，显示两种不同背景颜色

谢谢大家的意见啊！
无论如何设置，都只运行else的部分，想知道怎么修改下可以显示if的部分

  • 写回答

4条回答 默认 最新

  • 代码的灵魂是bug！ 2022-03-04 09:27
    关注

    这样做，满意请采纳

    <!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body onload="show()">
    <div id="currentTime"></div>
    <script type="text/javascript">
        function show(){
            var date = new Date();
            var timestamp = Date.parse(date) / 1000;
            var now = '';
            now = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
            document.getElementById('currentTime').innerHTML = now;
            if (timestamp % 2 == 0) {
                document.body.style.backgroundColor = 'burlywood'
            }else{
                document.body.style.backgroundColor = 'cadetblue'
            }

            setTimeout('show()',1000);
        }
    </script>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 3月6日
  • 已采纳回答 3月4日
  • 修改了问题 3月4日
  • 创建了问题 3月4日