简单的JQuery Fade自动收报机在一分钟后停止

时间:2012-10-19 23:44:25

标签: javascript html5 css3 jquery-mobile

我遇到过这个被接受的解决方案,它是关于Simple JQuery Fade自动收录机: Simple JQuery Fade ticker

如何使用在一分钟后停止的相同代码创建?

1 个答案:

答案 0 :(得分:0)

var aniSpd01 = 1000;
var fadeSpd01 = 1000;

$(function() {
    var startIndex = 0;
    var endIndex = $('#aniHolder div').length;
    $('#aniHolder div:first').fadeIn(fadeSpd01);

    var interval = window.setInterval(function() {
    $('#aniHolder div:eq(' + startIndex + ')').delay(fadeSpd01).fadeOut(fadeSpd01);
        startIndex++;
        $('#aniHolder div:eq(' + startIndex + ')').fadeIn(fadeSpd01);

        if (endIndex == startIndex) startIndex = 0;
    }, aniSpd01);
    //NEW
    window.setTimeout(function () {
        window.clearInterval(interval);
    }, 1000 * 60);
});