javascript - 使用 JavaScript 自动刷新 div

Question

我有一个量具，每次单击按钮时都会刷新并获取随机数据。

我的问题是如何在不单击按钮的情况下执行此操作，我希望它每 5 秒自动刷新一次。

 <div id="gg1" class="gauge">
</div>
<a href="#" id="gg1_refresh" class="button grey">Random Refresh</a>
<script>
    var gg1 = new JustGage({
        id: "gg1",
        donut: 1,
        title: "BARTOW",
        titleFontColor: "#000000",
        value: 95.7,
        min: 0,
        max: 100,           
        labelFontColor: "#000000",
        humanFriendlyDecimal: 1,
        decimals: 1,
        symbol: "%",
        refreshAnimationType: "bounce",
        gaugeWidthScale: 0.6,
        customSectors: [{
            color: "#ff0000",
            lo: 0,
            hi: 79
        }, {
            color: "#ffa500",
            lo: 80,
            hi: 89
        }, {
            color: "#1eae1e",
            lo: 90,
            hi: 100
        }],
        counter: true
    });
    $(document).ready(function () {
        $('#gg1_refresh').bind('click', function () {
            gg1.refresh(getRandomInt(0, 100));
            return false;

        });
    });
</script>

Answer 1

您需要使用setInterval每 5 秒调用一个函数。

您需要创建一个包含代码的函数

gg1.refresh(getRandomInt(0, 100));

然后在点击事件处理程序中使用 setInterval 函数来调用您在上面创建的函数。