使用JavaScript自动刷新div

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

我的问题是我如何在不点击按钮的情况下完成这项工作，我希望它每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>

var gg1=新的JustGage({
id:“gg1”，
甜甜圈：1，
标题：“巴托”，
titleFontColor:#000000“，
数值：95.7，
分:0,，
最高：100，
labelFontColor:#000000“，
人性化：1，
小数：1，
符号：“%”，
refreshAnimationType:“反弹”，
标距刻度：0.6，
海关部门：[{
颜色：“ff0000”，
劳:0,，
你好：79
}, {
颜色：“ffa500”，
劳:80,，
你好：89
}, {
颜色：“AE1E”，
劳:90,，
嗨：100
}],
柜台：对
});
$（文档）.ready（函数（）{
$（'#gg1_refresh'）.bind（'click'，function（）{
gg1.refresh（getRandomInt（01100））；
返回false；
});
});

查看以下内容，根据@thenewseattle的评论进行编辑

<script type="text/javascript">
    function refreshDiv() {
       gg1.refresh(getRandomInt(0, 100));
    }
    $(document).ready(function () { setInterval(refreshDiv, 5000); });
</script>

函数refreshDiv（）{
gg1.refresh（getRandomInt（01100））；
}
$（document）.ready（函数（）{setInterval（refreshDiv，5000）；}）；

查看以下内容，根据@thenewseattle的评论进行编辑

<script type="text/javascript">
    function refreshDiv() {
       gg1.refresh(getRandomInt(0, 100));
    }
    $(document).ready(function () { setInterval(refreshDiv, 5000); });
</script>

函数refreshDiv（）{
gg1.refresh（getRandomInt（01100））；
}
$（document）.ready（函数（）{setInterval（refreshDiv，5000）；}）；

查看以下内容，根据@thenewseattle的评论进行编辑

<script type="text/javascript">
    function refreshDiv() {
       gg1.refresh(getRandomInt(0, 100));
    }
    $(document).ready(function () { setInterval(refreshDiv, 5000); });
</script>

函数refreshDiv（）{
gg1.refresh（getRandomInt（01100））；
}
$（document）.ready（函数（）{setInterval（refreshDiv，5000）；}）；

查看以下内容，根据@thenewseattle的评论进行编辑

<script type="text/javascript">
    function refreshDiv() {
       gg1.refresh(getRandomInt(0, 100));
    }
    $(document).ready(function () { setInterval(refreshDiv, 5000); });
</script>

函数refreshDiv（）{
gg1.refresh（getRandomInt（01100））；
}
$（document）.ready（函数（）{setInterval（refreshDiv，5000）；}）；

您需要使用每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>

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

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

然后使用click事件处理程序中的setInterval函数调用上面创建的函数。

您需要使用每隔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>

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

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

然后使用click事件处理程序中的setInterval函数调用上面创建的函数。

您需要使用每隔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>

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

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

然后使用click事件处理程序中的setInterval函数调用上面创建的函数。

您需要使用每隔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>

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

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

---

然后使用click事件处理程序中的setInterval函数调用上面创建的函数。

-1 OP请求setInterval。不，我认为你不应该改变它

setTimeout

更好/更安全，因为

setInterval

不分青红皂白地运行，不在乎脚本是否完成，这意味着您调用函数的速度可能比它完成的速度快。使用

setTimeout（）

要好得多，但是在使用

clearTimeout（）

重用它之前，应该先清除它。是的，我认为如果你是基于任何非即时的更新，setTimeout（）会更好，因为你不想堆积一堆尚未完成的刷新调用。然而，OP的例子是瞬时刷新，所以我认为在这个例子中是安全的。无论如何，在我看来，setTimeout（）肯定也有一个论点。-1 OP要求的是setInterval。不，我认为你不应该改变它

setTimeout

更好/更安全，因为

setInterval

不分青红皂白地运行，不在乎脚本是否完成，这意味着您调用函数的速度可能比它完成的速度快。使用

setTimeout（）

要好得多，但是在使用

clearTimeout（）

重用它之前，应该先清除它。是的，我认为如果你是基于任何非即时的更新，setTimeout（）会更好，因为你不想堆积一堆尚未完成的刷新调用。然而，OP的例子是瞬时刷新，所以我认为在这个例子中是安全的。无论如何，在我看来，setTimeout（）肯定也有一个论点。-1 OP要求的是setInterval。不，我认为你不应该改变它

setTimeout

更好/更安全，因为

setInterval

不分青红皂白地运行，不在乎脚本是否完成，这意味着您调用函数的速度可能比它完成的速度快。使用

setTimeout（）

要好得多，但是在使用

clearTimeout（）

重用它之前，应该先清除它。是的，我认为如果你是基于任何非即时的更新，setTimeout（）会更好，因为你不想堆积一堆尚未完成的刷新调用。然而，OP的例子是瞬时刷新，所以我认为在这个例子中是安全的。无论如何，在我看来，setTimeout（）肯定也有一个论点。-1 OP要求的是setInterval。不，我认为你不应该改变它

setTimeout

更好/更安全，因为

setInterval

不分青红皂白地运行，不在乎脚本是否完成，这意味着您调用函数的速度可能比它完成的速度快。使用

setTimeout（）

要好得多，但是在使用

clearTimeout（）

重复使用它之前，应该先清除它。是的，我认为如果您基于任何非即时的更新，setTimeout（）会更好，因为您不想