javascript - 一分钟后简单的 JQuery Fade ticker 停止

标签 javascript html css jquery-mobile

我遇到过这个公认的解决方案,它是关于 Simple JQuery Fade ticker 的: Simple JQuery Fade ticker

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

最佳答案

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);
});

关于javascript - 一分钟后简单的 JQuery Fade ticker 停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12983879/

相关文章:

html - 使用 Lightbox 2 对图像的 CSS 悬停效果

javascript - angular2中的ng-if和*ng-if有什么区别

javascript - 如何使用 Google 脚本获取特定工作表的链接?

javascript - Sequelize - 在关联的其他地方使用时防止破坏行

javascript - 如何在提交表单之前禁用按钮

html - 如何在台式机上使用 Chrome 测试我的响应式网站的屏幕宽度是否低于 500 像素?

javascript - Flex Box 未按预期运行

javascript - 在 AJAX 请求后获取 div 的计数

javascript - 使用 CSS 样式和上传按钮的功能

javascript - mootools 按文档 ID 加载