2017-10-14 30 views
1

每当我点击任何东西时,我的预加载器动画就会出现。我希望它在进入网站或仅用于主页时显示一次。每当我点击任何东西时,我的预加载器动画就会出现

<div class="loader"><div style="width=150%; height=150%; background-color:white;" id="bodymovin"></div> </div> 

我用jQuery的延迟加载时间,以显示正确的动画

<script type="text/javascript"> 
     setTimeout(function(){ 
     $('body').addClass('loaded'); 
        $(".loader").fadeOut("slow"); 
    }, 5000); 
</script> 

我只是想,当进入网站或只是为主页它每次会话显示一次。我需要帮助。谢谢。

+0

我们需要更多的代码。 –

+0

没有'click'事件出现在问题 – guest271314

+0

代码刚刚当我的网站加载动画出现 - 检查它在这里 - https://www.toolitmedia.com/ –

回答

1

使用document.referrerdocument.domain之前检查发现的第一个条目或不添加style="display:none;"装载机

<div class="loader" style="display:none;"> 
    <div style="width=150%; height=150%; background-color:white; border-style:solid;" id="bodymovin"> 
     My text for one show... 
    </div> 
</div> 

<a href="">test link for self page(for not show loader)</a> 

这样的:

var referrer = document.referrer; 
    var domain = document.domain; 
    if(referrer.indexOf(domain)<0){ //if refer from curent domain. 
    $(".loader").show();   //show loader 
    setTimeout(function(){ 
      $(".loader").fadeOut("slow"); 
    }, 5000); 

    } 
+0

我尝试过但不起作用。检查它在这里 - toolitmedia.com –

+0

这工作对我...稍微编辑... – mscdeveloper

+0

你可以在这里发布的代码,如你所说稍微编辑 –

0

我想你并不是全部。

你的代码在其他地方有点击事件的监听器。

+0

不,我发现特定的代码来加载动画从https ://ihatetomatoes.net/create-custom-preloading-screen/ –

0

你可以调用超时

if(!$('body').hasClass('loaded')){ 
    setTimeout(function(){ 
      $('body').addClass('loaded'); 
         $(".loader").fadeOut("slow"); 
     }, 5000); 
    } 
+0

我试过了,但没有奏效。我在其他帖子上看到,他们谈论了cookies。 –

相关问题