0

ニュースレターのサインアップ フォームのようなポップアップをユーザーに表示したいと思います。Javascript を使用して、ページの読み込みが完了するまで待機し、ランダムな待機 (最低 10 秒!) 後に読み取りを行って div を表示したいと考えています。可能であれば、別の小さな改善はありますか？(onmouseclick を追加して div を非表示にするのが難しくない場合のみ?)

どうもありがとう

更新により、10秒後に待機してロードするように機能しました。ランダムな待機を追加する必要があります

<body onLoad='setTimeout("showIt()", 10000);'>
    <body onLoad='setTimeout("showIt()", 10000);'>

    <script type="text/javascript">
        function showIt() {
          document.getElementById("myDiv").style.display = "block";
        }
    // 1000 = 1 sec | 60000 is 1 minute
        </script>
4

1 に答える 1

1

私はこれがうまくいくと思います： 

<script type="text/javascript">
    function showIt() {
      document.getElementById("myDiv").style.display = "block";

      setTimeout(closeIt, 10000);
    }

    function closeIt(){
       document.getElementById("myDiv").style.display = "none";
    }
</script>

編集：

<div id='myDiv' onclick='closeIt()'></div>

編集：

<script>
    if (window.addEventListener) {
        window.addEventListener('load', callback, false);
    } else if (window.attachEvent) {
        window.attachEvent('onload', callback);
    }

    function callback(){
        setTimeout(showIt, (parseInt(Math.random()*(60000 - 10000)) + 10000));
    }
</script>
于 2013-03-03T13:40:19.850 に答える