JQUERY时间暂停和时间间隔

1.时间暂停：执行一组指定的代码前等待一段时间。例如：购物车的显示。

$(function () {
    $("#cartProductList dl:nth-child(odd)").addClass("dl_bg");
 
    var interval;
    $("#viewCartProduct").mouseover(function () {
//取消还未执行的时间等待
        clearTimeout(interval);
        $("#viewCartProduct").addClass('mouse_on');
        $("#cartProductList").removeClass('no');
    })
 
    $(".car").mouseleave(function () {
      //设置时间等待10ms后，执行函数（添加删除样式）
        interval = setTimeout(function () {
            $("#viewCartProduct").removeClass('mouse_on');
            $("#cartProductList").addClass('no');
        }, 10);
    });
});
2.时间间隔：每隔一段时间 执行一次指定的一组代码。

            var a = 0;
            var b = 0;
            var c = 30;
            function add() {
                b++;
                alert(b);
                if (b > 30) {
                    clearInterval(inte);
                }
            }
            var inte=setInterval(add,500);

   每隔500毫秒执行一次b+1，直到b>30.

转载于:https://www.cnblogs.com/bfy-19/archive/2012/07/12/2588247.html