将2个JavaScript合并为一个

Question

我有2个javascript工作，但想将它们合并为一个。 该脚本的目的是创建一个复选框，以更改刷新率的变量。

脚本1（按预期工作）

        window.onload = function () {
    var input = document.querySelector('input[type=checkbox]');

    function check() {
        if (input.checked) {
            var timeout = "10000";
        } else {
            var timeout = "999999";
        }
        document.getElementById('result').innerHTML = 'result ' + timeout;
    }
    input.onchange = check;
    check();
}

<input type="checkbox" value="1" />Checkbox
<br/>
<br/>
<span id="result"></span>

脚本2（按预期工作）

var timeout = 10000; 
var action = function() {
$('#content').load('/arduino/refresh');
}; 
setInterval(action, timeout);

我可以将它们合并在一起，然后让它们幸福地生活，因此我创建了以下脚本：（它显示了复选框，但选中/取消选中不会更改刷新率）

            window.onload = function () {
        var input = document.querySelector('input[type=checkbox]');

        function check() {
            if (input.checked) {
                var timeout = "10000";
            } else {
                var timeout = "999999";
            }
                var action = function() {
    $('#content').load('/arduino/refresh');
    }; 
        }
        input.onchange = check;
        check();
    }
setInterval(action, timeout);

<input type="checkbox" value="1" />Checkbox
<br/>
<br/>
<span id="result"></span>

有什么建议吗？

Answer 1

在组合脚本中，在check事件处理程序中不会调用setInterval 。 修改了本地变量timeout ，但是从未使用新值来实际更改刷新率。

另外，更改刷新率时，请同时使用clearInterval和setInterval 。