Автоматическое обновление div с использованием JavaScript

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

Проверьте следующее, отредактированное согласно комментарию @thenewseattle.

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

Answer 2

Вам нужно использовать setInterval для вызова функции каждые 5 секунд.

Вам нужно будет создать функцию, которая содержит код

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

А затем используйте функцию setInterval в обработчике события click, чтобы вызвать функцию, созданную выше.