Question

如何检查计时器/计数器是否达到0？

我想在计时器/计数器达到0后淡出视频。
目前，它会在视频停止播放后立即淡出视频。
我还想淡入或隐藏到达0后显示计时器/计数器信息的叠加层。

我当时以为我无法访问计时器变量，因为我试图访问该函数范围之外的变量，但是我可能错了。（还是我？）

这是我的代码：

  var video= document.getElementById('vid');
  var overlay= document.getElementById('overlay');
  var timer;
  // Counter;
  function countdown(seconds, callback){
    timer = setInterval(function(){
      document.getElementById("coutdownText").innerHTML = "Recording will start automatically in: " + seconds;
      seconds-- || (clearInterval(timer), callback());
    }, 1000);

    // // TODO: Check if timer reaches 0 here?
  }

  overlay.style.visibility = "hidden";
  video.addEventListener('timeupdate', function() {
    if(video.ended){

      overlay.style.visibility ='visible';
      countdown(10, function(){  alert("Coutdown done!")  });

      $("#vid").show();
        setTimeout(function() {
          $("#vid").fadeOut(2500);}, 1000)
      }
  })

当计时器到0时，执行一些操作

0 个答案: