-4

jQueryでカウントダウンを作成したので、カウントダウンは5から0になり、0に達するとアラートが表示されます。今、私はそのアラートの代わりに動的な画像を表示したいと思います。

これが私のタイマー/jQueryコードです

<script>
window.onload = function(){
    (function(){
            var counter = 5;    
            setInterval(function() {
                counter--;
                if (counter >= 0) {
                    span = document.getElementById("count");
                    span.innerHTML = counter;
                }
                // Display 'counter' wherever you want to display it.
                if (counter === 0) {
                    alert('this is where it happens');
                    clearInterval(counter);
                }
            }, 1000);
        })();
}
</script>

したがって、アラートの代わりに、次のように表示する必要があります。

<div style="float: right; display: inline-block; margin: 6px;">
    <div class="skip_btn">
        <a href="<?php echo $long_url2 ;?> ">SKIP AD &gt;&gt;</a>
    </div>
</div>
<div style="clear:both;"></div>

それを行う方法はありますか？

4

1 に答える 1

0

このようなものは機能していますか？

<script>
window.onload = function(){

(function(){
  var counter = 5;

  setInterval(function() {
    counter--;
    if (counter >= 0) {
      span = document.getElementById("count");
      span.innerHTML = counter;
    }
    // Display 'counter' wherever you want to display it.
    if (counter === 0) {

        alert('this is where it happens');
        document.getElementById( "response" ).innerHTML = "<div style=\"float: right; display: inline-block; margin: 6px;\"><div class=\"skip_btn\"><a href=\"PHP?\">SKIP AD &gt;&gt;</a></div></div><div style=\"clear:both;\"></div>";
        clearInterval(counter);
    }

  }, 1000);

})();

}
</script>
<div id="count"></div>
<div id="response"></div>

応答エレメントに表示されます。どこから来たのかわからなかったので、リンクからphpコードを削除しましたが、それでもこのように使用できます

document.getElementById( "response" ).innerHTML = "<div style=\"float: right; display: inline-block; margin: 6px;\"><div class=\"skip_btn\"><a href=\"<?php echo $url;?>\">SKIP AD &gt;&gt;</a></div></div><div style=\"clear:both;\"></div>";
于 2012-12-03T11:17:52.383 に答える