zoukankan      html  css  js  c++  java

  • Js写的一个倒计时效果实例

    我们经常会看到某些网站在注册的时候喜欢搞个按钮倒计时的效果，就是多少秒之后注册这个按钮才可以点击，其目的就是强迫你去看他的注册注意事项，这是一个很实用的效果；另外当我们进行在线考试的时候也必定会碰到答题倒计时的效果，这种倒计时效果是如何实现的呢？下面我们就用Js来实现一个倒计时效果，具体代码：

    1. <html> 
    2. <head> 
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    4. <title>Js实现倒计时效果</title> 
    5. <script language="javascript"> 
    6. var timeLeft = 90 * 60 * 1000;//这里设定的时间是90分钟
    7. function countTime(){ 
    8.     if(timeLeft == 0){//这里就是时间到了之后应该执行的动作了，这里只是弹了一个警告框 
    9.         alert("时间到"); 
    10.         return; 
    11.     } 
    12.     var startMinutes = parseInt(timeLeft / (60 * 1000), 10); 
    13.     var startSec = parseInt((timeLeft - startMinutes * 60 * 1000)/1000); 
    14.     document.getElementById('show').innerHTML = "剩余时间：" + startMinutes + "分钟" + startSec + "秒"; 
    15.     timeLefttimeLeft = timeLeft - 1000; 
    16.     setTimeout('countTime()',1000); 
    17. } 
    18. </script> 
    19. </head> 
    20.  
    21. <body onload="countTime()"> 
    22. <div id="show"></div> 
    23. </body> 
    24. </html> 
  • 相关阅读:
    java 文件下载遇到的数个坑
    table标签 在谷歌和ie浏览器下不同的表现效果
    Java Day 19
    Java Day 18
    Java Day 17
    Java Day 16
    Java Day 15
    Java Day 14
    Java Day 13
    Java Day 12
  • 原文地址：https://www.cnblogs.com/he-qiang/p/5822592.html
Copyright © 2011-2022 走看看