视频结束时的Javascript淡入淡出功能

我试图在下面的函数中实现一次淡入，但我正在努力解决如何将这两个函数结合起来而不出错。感谢您的帮助

var callOnce = true;

function aperture() {
    if ((media.duration - media.currentTime) < 90)
        if (callOnce) {
            sync();
            callOnce = false;
        }
}

function sync() {
    "use strict";
    // Fade function here
}

setInterval(aperture, 100);

var callOnce=true；
函数孔径（）{
如果（（媒体持续时间-媒体当前时间）<90）
if（callOnce）{
sync（）；
callOnce=false；
}
}
函数sync（）{
“严格使用”；
//这里的淡入淡出功能
}
设置间隔（孔径，100）；

淡入淡出功能：

var s = document.getElementById('media').style;
s.opacity = 1;
(function fade() {
    (s.opacity -= .1) < 0.1 ? s.opacity = 0 : setTimeout(fade, 40)
})();

var s=document.getElementById（'media'）.style；
s、 不透明度=1；
（函数fade（）{
（s.opacity-=0.1）<0.1？s.opacity=0:setTimeout（淡入度，40）
})();