javascript - 在 JQuery 中设置和清除间隔以每 X 秒运行一次脚本

Question

我有一个脚本来检查我的网站成员收到的消息，但我需要它每 60 秒左右运行一次。这是我正在使用的代码:

<script type="text/javascript">
$(document).ready(function()
{
var yourid = <?php echo json_encode($yourid); ?>;
function fetch_messages(){

    $.ajax({
        url: "php/check-messages.php",
        type: "POST",
        data: { id : yourid },
        dataType: "json",
        success: function(data) {
            $('#headerInbox').addClass("headerAlert");
        }
    });
}
$(function(){
    fetch_messages();
});
});
</script>

这在页面输入上运行良好，并运行 #headerInbox addclass，但我需要它每 60 秒运行一次，然后在发现成功时停止。我怎样才能实现这一点？

Answer 1

<script type="text/javascript">
   $(document).ready(function()
{

var yourid = <?php echo json_encode($yourid); ?>;
var fetchInterval;

function fetch_messages(){

    $.ajax({
        url: "php/check-messages.php",
        type: "POST",
        data: { id : yourid },
        dataType: "json",
        success: function(data) {
            $('#headerInbox').addClass("headerAlert");
            clearInterval(fetchInterval);
        }
    });
}

fetchInterval = setInterval(fetch_messages, 60000);
});
</script>

这应该可行 - 创建一个间隔“fetchInterval”，它将每 60 秒调用 fetch_messages，然后在成功时清除该间隔。