Javascript 在Iframe嵌入上，单击显示div或计数器开始

我试图在点击youtube嵌入Iframe时显示或开始计数。 这是我的密码

    <iframe id="startcount" width="900" height="400" src="https://www.youtube.com/embed/qAM8wEHPccU" frameborder="0" allowfullscreen></iframe>

    <span align="center" style="color:#0091bf; font-weight:bold; font-size:24px;">You will be redirected in 
    <span id="counter">30</span> second(s) for credit verification. </span>

    <script type="text/javascript">


    $(document).ready(
    function() {
        $("#startcount").click(function() {

                function countdown() {
                var i = document.getElementById('counter');
                if (parseInt(i.innerHTML)<=0) {
                //location.href = 'earn_credit_ac.php?ads_id=<?php echo $del_id; ?>';
                }
                i.innerHTML = parseInt(i.innerHTML)-1;
                }
                setInterval(function(){ countdown(); },1000);

                });
    });


    </script>

您将被重定向到中
30秒用于信用验证。
$（文件）。准备好了吗(
函数（）{
$（“#开始计数”）。单击（函数（）{
函数倒计时（）{
var i=document.getElementById（'counter'）；
如果（parseInt（i.innerHTML）正在倒计时，则应检查该值是否大于0，而不是小于0。
以下代码应该可以工作：

$(document).ready(function() {
      $("#startcount").click(function() {
        function countdown() {
          var i = $("#counter");
          var value = parseInt(i.html());
          var interval;

          if (value >= 0) { // I think you want "greater equal" (>=) instead of "less equal" (<=)
            //location.href = 'earn_credit_ac.php?ads_id=<?php echo $del_id; ?>';
          }
          else {
              clearInterval(interval); // stop interval if counted to -1
          }

          i.html(value - 1);
        }

        setInterval(countdown, 1000);
      });
    });

$（文档）.ready（函数（）{
$（“#开始计数”）。单击（函数（）{
函数倒计时（）{
var i=$（“#计数器”）；
var value=parseInt（i.html（））；
var区间；
如果（值>=0）{//我想您想要的是“更大的相等”（>=）而不是“更小的相等”（我正在使用另一种方法来完成此任务

Html:

  <button id="play-button" class="btn mobile-full" style="padding:10px;"> Play </button>

  <iframe id="video" src="//www.youtube.com/embed/NV16WtEXP6E?autohide=2&border=0&wmode=opaque&enablejsapi=1&modestbranding=1&controls=0&showinfo=1&rel=0" frameborder="0" allowfullscreen></iframe>

  <div align="center">
  <span align="center" style="color:#0091bf; font-weight:bold; font-size:24px;">You will be redirected in 
 <span id="counter"><?php echo $vid_duration; ?></span> second(s) for credit verification. </span>
 </div>

JavaScript:

<script>

// https://developers.google.com/youtube/iframe_api_reference

// global variable for the player
var player;

// this function gets called when API is ready to use
function onYouTubePlayerAPIReady() {
  // create the global player from the specific iframe (#video)
  player = new YT.Player('video', {
    events: {
      // call this function when player is ready to use
      'onReady': onPlayerReady
    }
  });
}

function onPlayerReady(event) {

  // bind events
  var playButton = document.getElementById("play-button");
  playButton.addEventListener("click", function() {
    player.playVideo();

    function countdown() {
        var i = document.getElementById('counter');
        if (parseInt(i.innerHTML)<=0) {
            location.href = 'earn_credit_ac.php?ads_id=<?php echo $del_id; ?>';
        }
        i.innerHTML = parseInt(i.innerHTML)-1;
    }
    setInterval(function(){ countdown(); },1000);

  });



}

// Inject YouTube API script
var tag = document.createElement('script');
tag.src = "//www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);


</script>


// https://developers.google.com/youtube/iframe_api_reference
//玩家的全局变量
var播放器；
//当API准备好使用时调用此函数
函数onYouTubePlayerAPIReady（）{
//从特定iframe（#视频）创建全局播放器
播放器=新的YT.player（'视频'{
活动：{
//当玩家准备好使用时调用此函数
“onReady”：onPlayerReady
}
});
}
函数onPlayerReady（事件）{
//绑定事件
var playButton=document.getElementById（“播放按钮”）；
playButton.addEventListener（“单击”，函数（）{
player.playVideo（）；
函数倒计时（）{
var i=document.getElementById（'counter'）；
如果（parseInt（i.innerHTML）没有，它现在对我起作用了：（当我点击youtube ifrmae时，计数开始了，谢谢
<script>

// https://developers.google.com/youtube/iframe_api_reference

// global variable for the player
var player;

// this function gets called when API is ready to use
function onYouTubePlayerAPIReady() {
  // create the global player from the specific iframe (#video)
  player = new YT.Player('video', {
    events: {
      // call this function when player is ready to use
      'onReady': onPlayerReady
    }
  });
}

function onPlayerReady(event) {

  // bind events
  var playButton = document.getElementById("play-button");
  playButton.addEventListener("click", function() {
    player.playVideo();

    function countdown() {
        var i = document.getElementById('counter');
        if (parseInt(i.innerHTML)<=0) {
            location.href = 'earn_credit_ac.php?ads_id=<?php echo $del_id; ?>';
        }
        i.innerHTML = parseInt(i.innerHTML)-1;
    }
    setInterval(function(){ countdown(); },1000);

  });



}

// Inject YouTube API script
var tag = document.createElement('script');
tag.src = "//www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);


</script>