繼續更改背景顏色，而無需使用JavaScript重新加載頁面

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

有什么方法可以自動保持自身的變化。

您可以在init方法本身結束時使用setTimeout調用init方法

<script type="text/javascript">
    function init() {
        var color = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6);
        document.body.style.backgroundColor = color;
        setTimeout( init, 5000 );  //once done, call it back again after 5 sec
    }
    init(); //call this once
</script>

現在無需在body onload調用它。

演示版

 function init() { var color = '#' + (0x1000000 + (Math.random()) * 0xffffff).toString(16).substr(1, 6); document.body.style.backgroundColor = color; setTimeout(init, 5000); } init();

Answer 2

您可以這樣：

 <!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重新加載頁面

問題描述

2 個解決方案

解決方案1
2 2017-11-29 10:38:50

解決方案2
2 2017-11-29 10:39:41

繼續更改背景顏色，而無需使用JavaScript重新加載頁面

問題描述

2 個解決方案

解決方案1 2 2017-11-29 10:38:50

解決方案2 2 2017-11-29 10:39:41

解決方案1
2 2017-11-29 10:38:50

解決方案2
2 2017-11-29 10:39:41