Javascript 每次调用函数时如何启动动画？

我有下面的函数，每次视频结束后都会调用它。但动画仅在第一次调用函数时才起作用。每次调用函数时有什么方法可以启动？我想说的是，每次都会显示控制台日志消息

function startResolveExp(){

    console.log('full panel video has ended');

    $('#resolve_exp_bg').fadeIn(3000);
    $('#resolve_exp_tt').fadeIn(3000);
    $('#resolve_exp_date').fadeIn(3000);
    $('#resolve_black_box').fadeOut(2500);
    $('#thumb_01').fadeIn(5000).animate({"top":"0px"},1500);
    $('#thumb_02').fadeIn(5000).animate({"top":"0px"},2000);
    $('#thumb_03').fadeIn(5000).animate({"top":"0px"},2500);

    TweenMax.to(exp_video_hldr, 0.4, { opacity:0, ease:Power1.easeInOut, onComplete:function () {exp_video_hldr.style.display = "none"} });
    resolve_exp.style.display = "block";
    TweenMax.to(resolve_exp, 0.2, { opacity:1, delay:0, ease:Power1.easeInOut});

    if(isFullscreen){
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen(); // Firefox
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen(); // IE
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen(); // Chrome and Safari
    }};

}

---

如果你没有淡入淡出，它们应该如何再次淡入？你也能创建一个html吗？@MarkusHayner:我注意到，你似乎在使用jQuery

animate（）

和

TweenMax

的组合来制作动画。我建议，既然您已经加载了TweenMax，那么使用它来制作所有动画，并完全避免jQuery的

animate

（或

fadeIn

，

fadeOut

）调用。如果你能创作小提琴，我很乐意帮你。@MarkusHayner:Tahir Ahmed是对的，你应该使用jQuery或GSAP。否则，两个元素都将竞争设置元素的属性，这将导致冲突。最好只使用GSAP，因为使用jQuery

animate（）

比使用

setInterval（）

而不是与浏览器同步的RAF

requestAnimationFrame

可以获得更好的性能：）更正jQuery使用

setTimeout

：）