Question

我在使用js更改背景颜色时遇到问题。

<!DOCTYPE html>
<html>
<head>
    <title>First Js</title>
</head>
<body onload="init();">

</body>

<script type="text/javascript">
    function init() {
        var color = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);
        document.body.style.backgroundColor = color;
    }
</script>
</html>

我面临的问题是，每当我需要更改背景颜色时，我需要重新加载它。有没有办法自动改变自己。

Answer 1

你可以这样做：

<!DOCTYPE html>
<html>
<head>
    <title>First Js</title>
</head>
<body onload="init();">

</body>

<script type="text/javascript">
    function init() {
        var color = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);
        document.body.style.backgroundColor = color;
    }
    setInterval(function(){
      init();
    },1000);
</script>
</html>

继续改变背景颜色，而无需使用JavaScript重新加载页面

1 个答案: