等待页面完成加载&然后随机等待显示DIV

时间:2013-03-03 12:27:47

标签: javascript

我想向我的用户显示简报注册表单。我想使用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>

1 个答案:

答案 0 :(得分: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>