w=10=w 停止setterval

Question

我创建了这段代码来在我点击按钮时随机生成我的 div:

$('button').click(function(){ 
              setInterval(function(){ 

                var firstdiv = $('.roll div:first');
                var lastdiv = $('.roll div:last');

                firstdiv.insertAfter(lastdiv);
                firstdiv = firstdiv.next();  

               }, 100);
           });

如何在 5 秒后停止？

我的例子：http://jsfiddle.net/L0aaxqrs/

Answer 1

你在超时内清除它

$(document).ready(function () {
    $('button').click(function () {
        var interval = setInterval(function () {

            var firstdiv = $('.roll div:first');
            var lastdiv = $('.roll div:last');

            firstdiv.insertAfter(lastdiv);
            firstdiv = firstdiv.next();

        }, 100);

        setTimeout(function() {
            clearInterval(interval);
        }, 5000)

    });
});

FIDDLE