javascript - 我试图在视频到达提示点时增加变量

Question

我正在使用流播放器，当我的视频到达某个提示点时，我会触发具有 i 变量值的警报:

<script type="text/javascript"> 
    flowplayer(function (api, root) {
      api.bind("cuepoint", function () {
        api.pause();
        var i = 0 ;
        $(".quiz").slideDown(2000);
        $("."+i).fadeIn(2000);
        do {
            i++;
            alert(i);
            }
        while (i < 3);
        $('.done').click(function () {
        api.play();
        $(".quiz").slideUp(2000);
    });
      });
    });
</script>

现在我希望每次视频到达提示点时 i 在第一次暂停时的值应为 1，然后在第二次暂停时应为 2，依此类推...

现在，当视频到达提示点时，在所有警报中始终 i = 1 的值!

Answer 1

将 i 带出函数，如下所示:-

<script type="text/javascript"> 
    flowplayer(function (api, root) {
      var i = 0 ;
      api.bind("cuepoint", function () {
        api.pause();

        $(".quiz").slideDown(2000);
        $("."+i).fadeIn(2000);
        do {
            i++;
            alert(i);
             break;
            }
        while (i < 4);
        $('.done').click(function () {
        api.play();
        $(".quiz").slideUp(2000);
    });
      });
    });
</script>

注意:- 您正在一次又一次地重新初始化 i，这就是为什么 1 总是作为输出出现的原因