Блог

У меня есть анимация, которую я запускаю с помощью jQuery. Я предполагаю, что хороший способ воспроизвести эту анимацию только один раз для посетителя — установить cookie. Мне в основном нужно, чтобы это говорило о том, что вы были здесь раньше, поэтому установите для всех перечисленных идентификаторов значение opacity: 1 Есть ли сверхпростое решение для этого? Спасибо за любую помощь

   $(document).ready(function(){
    $("#featureFade").animate({opacity:1},400,function(){
        $("#image").delay(300).animate({opacity:1},300,function(){
        $("#title").delay(300).animate({opacity:1},300,function(){
        $("#message, #move").delay(200).animate({opacity:1},300,function(){ 
            $("#move").animate({top: '400px',left: '0px'}, 500,function(){
            $("#nav,#contentContainer,#button,#footer,#topLevelNav").delay(1000).animate({opacity:1},700);
                });
                });
                });
            });
    });
});
  

Используя плагин jQuery Cookie, вы можете сделать это просто:

 // check for previous visit
if ($.cookie('hasSeenAnimation') == null){
  // ...
  // play animation
  // ...

  // set cookie to stop next visit
  $.cookie('hasSeenAnimation','true');
}
  

Я бы сделал это на стороне сервера — если cookie установлен, просто не выводите код для анимации…