将两个javascript合并为一个

Merging 2 javascripts into one

本文关键字：一个 合并 两个 javascript      更新时间：2023-09-26

我有2个javascript工作，但想合并成一个。该脚本的目的是创建一个复选框，用于更改刷新率的a变量。

脚本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>

建议吗?

在合并的脚本中，在check事件处理程序中不调用setInterval。局部变量timeout被修改，但新值从未用于实际改变刷新率。

同时，在改变刷新率时，使用clearInterval和setInterval。

相关文章：