当前位置：Gxlcms > JavaScript > 挺酷的一个倒计时

挺酷的一个倒计时

时间：2021-07-01 10:21:17 帮助过：16人阅读

<P><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<script language="JavaScript">
var dn
var Val
c1=new Image(); c1.src="http://pic.tiexue.net/pics/2006_10_25_97465_3997465.gif"
c2=new Image(); c2.src="http://pic.tiexue.net/pics/2006_10_25_97466_3997466.gif"
c3=new Image(); c3.src="http://pic.tiexue.net/pics/2006_10_25_97470_3997470.gif"
c4=new Image(); c4.src="http://pic.tiexue.net/pics/2006_10_25_97471_3997471.gif"
c5=new Image(); c5.src="http://pic.tiexue.net/pics/2006_10_25_97472_3997472.gif"
c6=new Image(); c6.src="http://pic.tiexue.net/pics/2006_10_25_97477_3997477.gif"
c7=new Image(); c7.src="http://pic.tiexue.net/pics/2006_10_25_97478_3997478.gif"
c8=new Image(); c8.src="http://pic.tiexue.net/pics/2006_10_25_97479_3997479.gif"
c9=new Image(); c9.src="http://pic.tiexue.net/pics/2006_10_25_97482_3997482.gif"
c0=new Image(); c0.src="http://pic.tiexue.net/pics/2006_10_25_97464_3997464.gif"
cb=new Image(); cb.src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif"</P>
<P>function nowtime(sz1,fz1,mz1){
var now=new Date();
var deadline=now.getTime()+sz1*60*60*1000+fz1*60*1000+mz1*1000;
Val=deadline
djs(deadline)
}</P>
<P>function djs(deadline1){
var now = new Date();
var leave =deadline1 - now.getTime();
if (leave<=0) {
alert("猪头，到时间了！")
return
}
var hours=Math.floor(leave /(1000*60*60));
var minutes=Math.floor((leave-hours*1000*60*60)/(1000*60));
var seconds=Math.floor((leave-hours*1000*60*60-minutes*1000*60)/1000);
var ms=Math.floor((leave-hours*1000*60*60-minutes*1000*60-seconds*1000)/100);</P>
<P>if (!document.images)
return</P>
<P>if (hours<=9){
document.images.a.src=cb.src
document.images.b.src=eval("c"+hours+".src")
}
else {
document.images.a.src=eval("c"+Math.floor(hours/10)+".src")
document.images.b.src=eval("c"+(hours%10)+".src")
}
if (minutes<=9){
document.images.d.src=c0.src
document.images.e.src=eval("c"+minutes+".src")
}
else {
document.images.d.src=eval("c"+Math.floor(minutes/10)+".src")
document.images.e.src=eval("c"+(minutes%10)+".src")
}
if (seconds<=9){
document.g.src=c0.src
document.images.h.src=eval("c"+seconds+".src")
}
else {
document.images.g.src=eval("c"+Math.floor(seconds/10)+".src")
document.images.h.src=eval("c"+(seconds%10)+".src")
}
document.images.j.src=eval("c"+(ms%10)+".src")</P>
<P>setTimeout("djs(Val)",100)</P>
<P>}
</script>
<body>
<form name="clock" method="get">
 <select size="1" id="sz">
 <option value="0" selected>0</option>
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
 <option value="4">4</option>
 <option value="5">5</option>
 <option value="6">6</option>
 <option value="7">7</option>
 <option value="8">8</option>
 <option value="9">9</option>
 <option value="10">10</option>
 <option value="11">11</option>
 <option value="12">12</option>
 <option value="13">13</option>
 <option value="14">14</option>
 <option value="15">15</option>
 <option value="16">16</option>
 <option value="17">17</option>
 <option value="18">18</option>
 <option value="19">19</option>
 <option value="20">20</option>
 <option value="21">21</option>
 <option value="22">22</option>
 <option value="23">23</option>
 <option value="24">24</option>
 </select>
 <font size="2">小时</font>
 <select size="1" id="fz" name="fz">
 <option value=0 selected>0</option>
 <option value=1>1</option>
 <option value=2>2</option>
 <option value=3>3</option>
 <option value=4>4</option>
 <option value=5>5</option>
 <option value=6>6</option>
 <option value="7">7</option>
 <option value="8">8</option>
 <option value="9">9</option>
 <option value="10">10</option>
 <option value="11">11</option>
 <option value="12">12</option>
 <option value="13">13</option>
 <option value="14">14</option>
 <option value="15">15</option>
 <option value="16">16</option>
 <option value="17">17</option>
 <option value="18">18</option>
 <option value="19">19</option>
 <option value="20">20</option>
 <option value="21">21</option>
 <option value="22">22</option>
 <option value="23">23</option>
 <option value="24">24</option>
 <option value="25">25</option>
 <option value="26">26</option>
 <option value="27">27</option>
 <option value="28">28</option>
 <option value="29">29</option>
 <option value="30">30</option>
 </select><font size="2">分钟</font>
 <select size="1" id="mz">
 <option value=0 selected>0</option>
 <option value=1>1</option>
 <option value=2>2</option>
 <option value=3>3</option>
 <option value=4>4</option>
 <option value=5>5</option>
 <option value=6>6</option>
 </select><font size="2">秒</font>
<input type="button" name="button" value="开始倒计时" onclick="nowtime(sz.value,fz.value,mz.value)"> 
</form>
<table bgcolor=#000000 border=0>
<tr>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif" name="a"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif" name="b"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97486_3997486.gif" name="c"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif" name="d"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif" name="e"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97486_3997486.gif" name="f"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif" name="g"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif" name="h"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97486_3997486.gif" name="i"></td>
<td><img src="https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com/https://img.gxlcms.com//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s//Uploads-s/new/2019-09-17-201917/2006_10_25_97484_3997484.gif" name="j"></td>
</tr>
</table></P>
<P></body></P>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

挺酷的一个倒计时

人气教程排行