javascript - 使用 setInterval 更新按钮上的文本

Question

我正在尝试使用 id fixed-button 获取按钮上的文本，以便使用以下命令定期更新:

<script type="text/javascript">
    $(function()
    {
        $('#fixed-button').setInterval(function() {
            $.getJSON("{{ url('schedulizer/cart') }}", function(data) {
                $(this).text(data.quantity);
            });
        }, 5000);
    });
</script>

但是，我收到的JS错误是:

Uncaught TypeError: $(...).setInterval is not a function

问题很明显 - this 属性没有 .setInterval 函数。所以问题是 - 如何定期使用 AJAX 设置此按钮元素上的文本？

Answer 1

setInterval is not a jQuery function, it's a javascript function.

<script type="text/javascript">
    $(function()
    {
        var $this=$('#fixed-button');
        window.setInterval(function() {
            $.getJSON("{{ url('schedulizer/cart') }}", function(data) {
                $this.text(data.quantity);
            });
        }, 5000);
    });
</script>

文档:setInterval