请选择 进入手机版 | 继续访问电脑版

SpeedPHP框架

 找回密码
 注册成为新用户

QQ登录

只需一步,快速开始

查看: 2601|回复: 2

一个倒计时程序高手帮忙看看

[复制链接]
发表于 2010-9-10 11:08:25 | 显示全部楼层 |阅读模式
程序代码如下:
  1. <html>
  2. <head>
  3. <title>齐家网砍价倒计时程序—By:华英雄</title>

  4. <style type="text/css">
  5. <!--
  6. .style9 {font-size:250px;
  7. color: 4de0f6;
  8. font-weight: bold;}

  9. .style8 {font-size:50px;
  10. color: #FF6600;
  11. font-weight: bold;}

  12. .button {
  13.     font-size:25px;
  14.     color: #000000;
  15.     font-weight: bold;
  16. }

  17. -->
  18. </style>

  19. <script language=JavaScript>
  20. <!--
  21. function showtimes(){
  22.    var now=new Date();
  23.    var str="现在时间为:";
  24.    var hour=now.getHours();
  25.    var minutes=now.getMinutes();
  26.    var seconds=now.getSeconds();
  27.    str=str+hour;
  28.    str=str+(minutes<10?":0":":")+minutes;
  29.    str=str+(seconds<10?":0":":")+seconds;
  30.    tim.innerHTML=str;
  31.    var ctimer=setTimeout('showtimes()',960);
  32.    }
  33.    
  34.    function jishi()
  35.    {
  36.    var m=document.gtime.mm.value-0;
  37.    var s=document.gtime.ss.value-0;
  38.    max=m*60+s;
  39.    }
  40.        function begin()
  41.        {
  42.           max=max-1;
  43.           alert(max);

  44.           m1=Math.floor(max/60);
  45.       
  46.           s1=max%60;
  47.          
  48.           str=m1+":"+s1;
  49.          
  50.           if (max=0){
  51.           str="时间到!";
  52.           }
  53.           document.getElementById("shijian").innerHTML=str;
  54.           var jishiqi=setTimeout("begin()",960);
  55.        }
  56.    
  57. //-->
  58. </script>
  59. </head>
  60. <body onLoad="showtimes()">
  61.      

  62.    <center><font size="6" face="微软雅黑">齐家网砍价倒计时程序</font>
  63.      <div class="showtimes" id="tim"  style="height:20px;left:40px;width:200px" ></div>
  64.      <form name="gtime">
  65.      设定砍价时间为:<input type="text" name="mm" size="4" value="05" >分<input type="text" name="ss" size="4" value=00 >秒<input type="button" value="设定" onclick="jishi()">
  66.      </form>
  67.      

  68.   
  69.    <p>
  70.    <fieldset style=width:500;height:300> <legend><font color=#FF6600 size=5>倒计时:</font> </legend>
  71.        <div id="shijian" class="style9">00:00</div>
  72.    </fieldset>
  73.    </center>
  74.    <center>

  75.    <input type=button onClick="begin()" value="开始计时" class="button">&nbsp;&nbsp;
  76.    <input type=button onClick="stop()" value="停止计时" class="button">

  77.    <p>
  78.    <p>
  79.    <div id="chaoshi" class="style8" ></div>
  80.    </center>
  81. </body>
  82. </html>
复制代码
点击倒计时后可以点击开始倒计时,即开始运行程序。
 楼主| 发表于 2010-9-10 12:23:53 | 显示全部楼层
终于找到了方法,定义全局变量在根部定义就好了,之所以这程序不循环式没有用上IF语句, 汗死了啊……
  1. <html>
  2. <head>
  3. <title>齐家网砍价倒计时程序—By:华英雄</title>

  4. <style type="text/css">
  5. <!--
  6. .style9 {font-size:250px;
  7. color: 4de0f6;
  8. font-weight: bold;}

  9. .style8 {font-size:50px;
  10. color: #FF6600;
  11. font-weight: bold;}

  12. .button {
  13.     font-size:25px;
  14.     color: #000000;
  15.     font-weight: bold;
  16. }

  17. -->
  18. </style>

  19. <script language=JavaScript>
  20. <!--
  21. function showtimes(){
  22.    var now=new Date();
  23.    var str="现在时间为:";
  24.    var hour=now.getHours();
  25.    var minutes=now.getMinutes();
  26.    var seconds=now.getSeconds();
  27.    str=str+hour;
  28.    str=str+(minutes<10?":0":":")+minutes;
  29.    str=str+(seconds<10?":0":":")+seconds;
  30.    tim.innerHTML=str;
  31.    var ctimer=setTimeout('showtimes()',960);
  32.    }
  33.    
  34.    var max;
  35.    var m;
  36.    var s;
  37.    function jishi()
  38.    {
  39.    var m=document.gtime.mm.value-0;
  40.    var s=document.gtime.ss.value-0;
  41.    max=m*60+s;
  42.    }   
  43.        function begin()
  44.        {  
  45.           if (max>0)
  46.           {
  47.          
  48.              max=max-1;

  49.              m1=Math.floor(max/60);
  50.       
  51.              s1=max%60;
  52.          
  53.              str=m1+":"+s1;
  54.          
  55.            }else if (max=0){
  56.                str="时间到!";
  57.            }else{
  58.                str="超时";
  59.            }
  60.    
  61.           document.getElementById("shijian").innerHTML=str;
  62.           var jishiqi=setTimeout("begin()",960);
  63.        }

  64.    
  65. //-->
  66. </script>
  67. </head>
  68. <body onLoad="showtimes()">
  69.      

  70.    <center><font size="6" face="微软雅黑">齐家网砍价倒计时程序</font>
  71.      <div class="showtimes" id="tim"  style="height:20px;left:40px;width:200px" ></div>
  72.      <form name="gtime">
  73.      设定砍价时间为:<input type="text" name="mm" size="4" value="05" >分<input type="text" name="ss" size="4" value=00 >秒<input type="button" value="设定" onclick="jishi()">
  74.      </form>
  75.      

  76.   
  77.    <p>
  78.    <fieldset style=width:500;height:300> <legend><font color=#FF6600 size=5>倒计时:</font> </legend>
  79.        <div id="shijian" class="style9">00:00</div>
  80.    </fieldset>
  81.    </center>
  82.    <center>

  83.    <input type=button onClick="begin()" value="开始计时" class="button">&nbsp;&nbsp;
  84.    <input type=button onClick="stop()" value="停止计时" class="button">

  85.    <p>
  86.    <p>
  87.    <div id="chaoshi" class="style8" ></div>
  88.    </center>
  89. </body>
  90. </html>
复制代码
 楼主| 发表于 2010-9-10 12:24:16 | 显示全部楼层
不过stop部分还没有写,稍后补上!
您需要登录后才可以回帖 登录 | 注册成为新用户

本版积分规则

手机浏览|简版|中文PHP框架|开源协议|SpeedPHP.com ( 粤ICP备08008671号

GMT+8, 2019-12-12 02:50

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表