2017-02-10 7 views
0

私はダウンカウントし、キャプチャを開く必要があり、このコードを持っている: を、私は問題を見つける傾ける助けてくださいを!JavaScriptの文句を言わないオープングーグルreCAPTCHAの

<script> 
    var seconds_left = 2; 
    var interval = setInterval(function() { 
     document.getElementById('timer_div').innerHTML = --seconds_left; 

     if (seconds_left <= 0) 
     { 
      document.getElementById('timer_div').innerHTML = "<div class='g-recaptcha' data-sitekey='mykey' style='transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;'></div>"; 
      clearInterval(interval); 
     } 
     }, 1000); 
    </script> 
<div id="timer_div"></div> 
+0

問題は何ですか?キャプチャは登場しないの? – Thanasis

+0

@Thanasisうん:( –

+0

@Thanasis私は単純なテキストを追加する場合、それはあなたがdivのためのコードを取得しましたかうまく –

答えて

1

あなたは最初からHTMLにreCAPTCHAのdiv要素を入れて、それが見えるようにすることができます。その後、2秒が通過ジャバスクリプトから、div要素を見えるように。

HTML::

<div id="timer_div"></div> 

<div id="captcha" class='g-recaptcha' data-sitekey='mykey' style='display:none;transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;'> 
RECAPTCHA 
</div> 

のJavaScript:以下のコードのように

var seconds_left = 2; 
var timerDiv = document.getElementById('timer_div'); 
var captcha = document.getElementById('captcha'); 
timerDiv.innerHTML = seconds_left; 

var interval = setInterval(function() { 
    timerDiv.innerHTML = seconds_left; 
      seconds_left--; 


    if (seconds_left < 0) 
    {   
     timerDiv.style.display = "none"; 
     captcha.style.display = "block"; 
     clearInterval(interval); 
    } 

    }, 1000); 

あなたはこのJSFiddleでそれをテストすることができます。

+0

おかげで、この:)のために充てます –

関連する問題