jQuery请求循环与睡眠/超时

Question

我一直在尝试创建一个jQuery请求循环，根据结果每X秒重新加载内容。

我有这个JS:

$(document).ready(function(){
    function init(){
        $.ajax({
            url: 'screen.php',
            data: {
                'screen' : <?php echo $screen_id; ?>
            },
            async: true,
            success: function(r){
                JSON.parse(r, function(k, v){
                    if(k == 'screen_content'){
                        var content = v;/* $('.content').html(v); */
                    }
                    if(k == 'visible_seconds'){
                        setTimeout($('.content').html(content),v);
                        /* (function(){}).delay(timer); */
                        /* $().delay(function(msg) { console.log(msg); }, v, 'Hello'); */
                    }
                });
                /* init(); */
            }
        });
    }
    init();
});

结果是一个JSON字符串，有X个"screen_content"one_answers"visible_seconds"配对。我需要在"visible_seconds"中显示"screen_content"，然后用JSON中的下一个更改内容-当所有内容都显示出来时，一切都重新开始(因此我们可以获得新内容)

这在我的脑海中似乎很简单，但我不能为它创建jQuery:/

Answer 1

你需要这样做:

$(document).ready(function() {
    function getContent(){
        $.ajax({
            url: 'screen.php',
            data: {
                'screen' : <?php echo $screen_id; ?>
            },
            async: true,
            success: function(contentArray){
                return showAllContent(contentArray);
            }
        });
    }
    var i = 0;
    function showContent(contentArray, count){
        var currContentData = contentArray[count];
        $('.content').html(currContentData.content);
        setTimeout(function() {
            return showAllContent(contentArray);
        }, currContentData.duration);
    }
    function showAllContent(contentArray){
        if(i === contentArray.length){
            i = 0;
            return getContent(showAllContent);
        }
        return showContent(contentArray, i++);
    }
    getContent();
});

我假设您的ajax调用以以下结构返回数据:

[{
    content: 'content 1', 
    duration: 1000
}, {
    content: 'content 2',
    duration: 2000
}]