首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >On click方法可同时执行所有操作

On click方法可同时执行所有操作
EN

Stack Overflow用户
提问于 2013-08-17 06:04:57
回答 1查看 70关注 0票数 1

我有一个按钮点击功能,它应该像普通的javascript功能一样操作,一个接一个地启动所有功能,但它一次启动所有功能。那么,如何让它不是同时推出,而是一个接一个地推出呢?

代码语言:javascript
运行
复制
$('#slider-menu li:last-child a').click(function(e) {
    console.log("1# " + Math.round(new Date().getTime() / 1000));
    e.preventDefault();
    console.log("2# " + Math.round(new Date().getTime() / 1000));

    $('#slider-menu .span12 li').removeClass("active");
    console.log("3# " + Math.round(new Date().getTime() / 1000));

    $('#slider-menu li:last-child').addClass("active");
    console.log("4# " + Math.round(new Date().getTime() / 1000));

    $('.trikampis').remove();
    console.log("5# " + Math.round(new Date().getTime() / 1000));

    var ilgis3 = $('#slider-menu .active').width() / 2;
    console.log("6# " + Math.round(new Date().getTime() / 1000));

    $(this).after("<div class='trikampis'></div>");
    console.log("7# " + Math.round(new Date().getTime() / 1000));

    $('#slider-menu .trikampis').css("border-left-width", ilgis3 + "px");
    console.log("8# " + Math.round(new Date().getTime() / 1000));

    $('#slider-menu .trikampis').css("border-right-width", ilgis3 + "px");
    console.log("9# " + Math.round(new Date().getTime() / 1000));

    $('#slider-menu ul').css("border-bottom-color", $('#slider-menu li.active a').css("background"));
    console.log("10# " + Math.round(new Date().getTime() / 1000));

    if ($('.slider-1').length !== 0) {
        $('.slider-1').addClass("slider-1-a");
        $('.slider-1').removeClass("slider-1");
        console.log("11# " + Math.round(new Date().getTime() / 1000));

    }
    if ($('.slider-2').length !== 0) {
        $('.slider-2').addClass("slider-2-a");
        $('.slider-2').removeClass("slider-2");
        console.log("11# " + Math.round(new Date().getTime() / 1000));

    }
    if ($('.slider-3-a').length !== 0) {
        $('.slider-3-a').addClass("slider-3");
        $('.slider-3-a').removeClass("slider-3-a");
        console.log("11# " + Math.round(new Date().getTime() / 1000));

    }
    $('.slider').hide();
    console.log("12# " + Math.round(new Date().getTime() / 1000));

    $("#preloader").show(); // will fade out the white DIV that covers the website.
    console.log("13# " + Math.round(new Date().getTime() / 1000));

    $("#status").show(); // will first fade out the loading animation
    console.log("14# " + Math.round(new Date().getTime() / 1000));

    $('.slider').load('/we-have-puppies #product-slideshow');
    console.log("15# " + Math.round(new Date().getTime() / 1000));

    $.getScript('http://bisonai.infoaleja.lt/wp-content/themes/bisonai/js/slideris.js');
    console.log("16# " + Math.round(new Date().getTime() / 1000));

    $('.pagr-info-blokas h3 a').css("color", $('#slider-menu li.active a').css("background"));

    console.log("17# " + Math.round(new Date().getTime() / 1000));

    $("#status").fadeOut(); // will first fade out the loading animation
    $("#preloader").delay(700).fadeOut("slow"); // will fade out the white DIV that covers the website.
    $('.slider').fadeIn();
    console.log("18# " + Math.round(new Date().getTime() / 1000));

});
EN

回答 1

Stack Overflow用户

发布于 2013-08-17 06:11:40

您正在寻找console.time(PERIOD_NAME)

像这样使用它:

代码语言:javascript
运行
复制
console.time('t')
if ($('.slider-1').length !== 0) {
        $('.slider-1').addClass("slider-1-a");
        $('.slider-1').removeClass("slider-1");
        console.log("11# " + Math.round(new Date().getTime() / 1000));}
console.timeEnd('t')
//Outputs t: 0.010ms
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18282799

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档