JS / jQuery-setInterval应用多次且速度过快

时间:2018-06-21 09:38:16

标签: javascript jquery settimeout setinterval

实时示例:男人图片左侧的http://www.elplastgdynia.pl/

如您所见,它不断闪烁,就像卡在其中一个动画上一样。有什么想法可能出问题了吗?

JS:

function mainHeaderChange() {
    if ($mainheadercounter == 0) {
        $("#module-intro-text .container").animate({opacity: "0"}, 1500);
        setTimeout(
          function() 
          {
            $("#module-intro-text .element h1:nth-child(1)").text("Najwyższa jakość");
            $("#module-intro-text .element h1:nth-child(2)").text("oferowanych usług");
            $("#module-intro-text .element p:nth-of-type(1)").text("Potwierdzona certyfikatem jakości");
            $("#module-intro-text .element p:nth-of-type(2)").text("ISO 9001:2008");
            $("#module-intro-text button").attr("name", "linkto-quality");
          }, 1500);
        $("#module-intro-text .container").fadeTo( "slow" , 1);
        $mainheadercounter++;
    } else if ($mainheadercounter == 1) {
        $("#module-intro-text .container").animate({opacity: "0"}, 1500);
        setTimeout(
          function() 
          {
            $("#module-intro-text .element h1:nth-child(1)").text("szeroka gama");
            $("#module-intro-text .element h1:nth-child(2)").text("przetwarzanych materiałów");
            $("#module-intro-text .element p:nth-of-type(1)").text("Dobierzemy najlepsze tworzywo");
            $("#module-intro-text .element p:nth-of-type(2)").text("do Twojego projektu");
            $("#module-intro-text button").attr("name", "linkto-services");
          }, 1500);
        $("#module-intro-text .container").fadeTo( "slow" , 1);
        $mainheadercounter++;
    } else if ($mainheadercounter == 2) {
        $("#module-intro-text .container").animate({opacity: "0"}, 1500);
        setTimeout(
          function() 
          {
            $("#module-intro-text .element h1:nth-child(1)").text("OD PROJEKTU,");
            $("#module-intro-text .element h1:nth-child(2)").text("do produktu");
            $("#module-intro-text .element p:nth-of-type(1)").text("Przetwórstwo tworzyw sztucznych");
            $("#module-intro-text .element p:nth-of-type(2)").text("w technologii wtrysku");
            $("#module-intro-text button").attr("name", "linkto-offer#processtoproduct");
          }, 1500);
        $("#module-intro-text .container").fadeTo( "slow" , 1);
        $mainheadercounter = 0;
    };
};

$mainheadercounter = 0;
setTimeout(function() {setInterval(mainHeaderChange(), 8000);}, 3000);

如果实时预览不足以调查此问题,我会应要求创建一个代码段

0 个答案:

没有答案