js timer 

<html><head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        img{
            display: none;
        }

        div{
           font-size: 200px;
           color: red;
        }
    </style>
</head>
<body>
  <img class="icon" src="img/thy.jpg" style="display: inline-block;">
  <div class="time" style="display: none;">0</div>

  <script>

   var timer = setInterval(function(){
        var div = document.getElementsByClassName('time')[0];
        div.innerHTML = div.innerHTML - 1;
        if(div.innerHTML == '0'){
            // 清除计时器
              clearInterval(timer);
            // 隐藏div
               div.style.display = 'none';
            // 显示图片
               var img = document.getElementsByClassName('icon')[0];
               img.style.display = 'inline-block';

        }
     }, 1000);

  </script>

</body></html>

 

posted @ 2015-07-06 16:10  Emyin  阅读(394)  评论(0)    收藏  举报