Javascript 切换后的链接页面

Javascript 切换后的链接页面,javascript,html,css,gsap,Javascript,Html,Css,Gsap,我有一个动画切换按钮。设置动画后,我希望将用户重定向到其他页面。此代码来自: 我以前从未使用过切换开关,也不确定是否有一种标准的方法可以做到这一点 谢谢 代码: 变量选择=函数{ 返回文档。查询选择器; }, 选择全部=功能{ 返回document.querySelectorAlls; }, animationWindow=选择“animationWindow”, 动画数据={ 包装器:动画窗口, animType:'svg', 循环:false, 预渲染:false, 自动播放:错误, 路径

我有一个动画切换按钮。设置动画后,我希望将用户重定向到其他页面。此代码来自:

我以前从未使用过切换开关,也不确定是否有一种标准的方法可以做到这一点

谢谢

代码:

变量选择=函数{ 返回文档。查询选择器; }, 选择全部=功能{ 返回document.querySelectorAlls; }, animationWindow=选择“animationWindow”, 动画数据={ 包装器:动画窗口, animType:'svg', 循环:false, 预渲染:false, 自动播放:错误, 路径:'https://s3-us-west-2.amazonaws.com/s.cdpn.io/35984/egg_flip.json' }, 动漫; anim=bodymovin.loadAnimationanimData; anim.addEventListener'DOMLoaded',onDOMLoaded; 动画设置速度15; 函数ondomloade{ animationWindow.onclick=函数E{ 如果anim.currentFrame>0{ 动画播放片段[anim.currentFrame,0],真; TweenMax.至“蛋组”,1{ x:0,, 易用性:弹性。易用性。配置0.9,0.38 } }否则{ TweenMax.至“蛋组”,1.4{ x:73, 易用性:弹性。易用性。配置0.9,0.38 } 动画播放片段[anim.currentFrame,300],真 } } } 身体{ 溢出:隐藏; 显示器:flex; 对齐项目:居中; 证明内容:中心; } 身体 html{ 身高:100%; 宽度:100%; 保证金:0; 填充:0; } 动画窗口{ 宽度:50%; ; 身高:50%; -webkit点击突出显示颜色:透明; 光标:指针; From:使用onComplete属性将函数作为回调传递。例如:

TweenMax.to('.eggGroup', 1.4, {
    x: 73,
    ease: Elastic.easeOut.config(0.9, 0.38),
    onComplete: function(){ ** do something ** };
})

您可以将setTimeout与动画超时一起使用,并在回调中导航用户,或者,我不知道您正在使用的库,但可能它在文档中有一个“animation finished”搜索的回调。可能还希望包含GSAP标记?这可能有助于吸引那些更熟悉该动画库的人。