仅在初始加载时触发动画功能

时间:2014-10-14 01:12:20

标签: jquery animation cookies

我有一个网站(http://scott.rtcgraphics.com),当用户首次登录主页时会运行动画。我想设置某种条件逻辑,以便触发此动画的函数仅在用户第一次查看网站时触发。我一直在尝试用饼干做这个,但整个概念对我来说都是新的。截至目前,每次回到主屏幕时动画仍会闪烁。任何指导将非常感谢!我的代码如下:

    var cookie;
    function openingAnimation(){
        // Set cookie for openingAnimation();
        document.cookie="animation=played";
        cookie = document.cookie;
        console.log(cookie);

        ...do animation...
    };
    if (cookie == null) {
        openingAnimation();
    }

1 个答案:

答案 0 :(得分:0)

如果您正在使用PHP,请在页面模板中执行以下操作...(假设您已经启动了会话等等。)

<?php

if (!isset($_SESSION['show_initial_home_animation'])) {
    $_SESSION['show_initial_home_animation'] = true;

    echo "<script>window.addEventListener('load', openingAnimation);</script>";
}

?>