资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
挺酷的一个倒计时
<P><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> </head> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%0D%0Avar%20dn%0D%0Avar%20Val%0D%0Ac1%3Dnew%20Image()%3B%20c1.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97465_3997465.gif%22%0D%0Ac2%3Dnew%20Image()%3B%20c2.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97466_3997466.gif%22%0D%0Ac3%3Dnew%20Image()%3B%20c3.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97470_3997470.gif%22%0D%0Ac4%3Dnew%20Image()%3B%20c4.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97471_3997471.gif%22%0D%0Ac5%3Dnew%20Image()%3B%20c5.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97472_3997472.gif%22%0D%0Ac6%3Dnew%20Image()%3B%20c6.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97477_3997477.gif%22%0D%0Ac7%3Dnew%20Image()%3B%20c7.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97478_3997478.gif%22%0D%0Ac8%3Dnew%20Image()%3B%20c8.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97479_3997479.gif%22%0D%0Ac9%3Dnew%20Image()%3B%20c9.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97482_3997482.gif%22%0D%0Ac0%3Dnew%20Image()%3B%20c0.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97464_3997464.gif%22%0D%0Acb%3Dnew%20Image()%3B%20cb.src%3D%22http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif%22%3C%2FP%3E%0D%0A%3CP%3Efunction%20nowtime(sz1%2Cfz1%2Cmz1)%7B%0D%0Avar%20now%3Dnew%20Date()%3B%0D%0Avar%20deadline%3Dnow.getTime()%2Bsz1*60*60*1000%2Bfz1*60*1000%2Bmz1*1000%3B%0D%0AVal%3Ddeadline%0D%0Adjs(deadline)%0D%0A%7D%3C%2FP%3E%0D%0A%3CP%3Efunction%20djs(deadline1)%7B%0D%0Avar%20now%20%3D%20new%20Date()%3B%0D%0Avar%20leave%20%3Ddeadline1%20-%20now.getTime()%3B%0D%0Aif%20(leave%3C%3D0)%20%7B%0D%0Aalert(%22%E7%8C%AA%E5%A4%B4%EF%BC%8C%E5%88%B0%E6%97%B6%E9%97%B4%E4%BA%86%EF%BC%81%22)%0D%0Areturn%0D%0A%7D%0D%0Avar%20hours%3DMath.floor(leave%20%2F(1000*60*60))%3B%0D%0Avar%20minutes%3DMath.floor((leave-hours*1000*60*60)%2F(1000*60))%3B%0D%0Avar%20seconds%3DMath.floor((leave-hours*1000*60*60-minutes*1000*60)%2F1000)%3B%0D%0Avar%20ms%3DMath.floor((leave-hours*1000*60*60-minutes*1000*60-seconds*1000)%2F100)%3B%3C%2FP%3E%0D%0A%3CP%3Eif%20(!document.images)%0D%0Areturn%3C%2FP%3E%0D%0A%3CP%3Eif%20(hours%3C%3D9)%7B%0D%0Adocument.images.a.src%3Dcb.src%0D%0Adocument.images.b.src%3Deval(%22c%22%2Bhours%2B%22.src%22)%0D%0A%7D%0D%0Aelse%20%7B%0D%0Adocument.images.a.src%3Deval(%22c%22%2BMath.floor(hours%2F10)%2B%22.src%22)%0D%0Adocument.images.b.src%3Deval(%22c%22%2B(hours%2510)%2B%22.src%22)%0D%0A%7D%0D%0Aif%20(minutes%3C%3D9)%7B%0D%0Adocument.images.d.src%3Dc0.src%0D%0Adocument.images.e.src%3Deval(%22c%22%2Bminutes%2B%22.src%22)%0D%0A%7D%0D%0Aelse%20%7B%0D%0Adocument.images.d.src%3Deval(%22c%22%2BMath.floor(minutes%2F10)%2B%22.src%22)%0D%0Adocument.images.e.src%3Deval(%22c%22%2B(minutes%2510)%2B%22.src%22)%0D%0A%7D%0D%0Aif%20(seconds%3C%3D9)%7B%0D%0Adocument.g.src%3Dc0.src%0D%0Adocument.images.h.src%3Deval(%22c%22%2Bseconds%2B%22.src%22)%0D%0A%7D%0D%0Aelse%20%7B%0D%0Adocument.images.g.src%3Deval(%22c%22%2BMath.floor(seconds%2F10)%2B%22.src%22)%0D%0Adocument.images.h.src%3Deval(%22c%22%2B(seconds%2510)%2B%22.src%22)%0D%0A%7D%0D%0Adocument.images.j.src%3Deval(%22c%22%2B(ms%2510)%2B%22.src%22)%3C%2FP%3E%0D%0A%3CP%3EsetTimeout(%22djs(Val)%22%2C100)%3C%2FP%3E%0D%0A%3CP%3E%7D%0D%0A%3C%2Fscript%3E"> <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="http://pic.tiexue.net/pics/2006_10_25_97484_3997484.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif" name="a"></a></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97484_3997484.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif" name="b"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97486_3997486.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97486_3997486.gif" name="c"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97484_3997484.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif" name="d"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97484_3997484.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif" name="e"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97486_3997486.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97486_3997486.gif" name="f"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97484_3997484.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif" name="g"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97484_3997484.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif" name="h"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97486_3997486.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97486_3997486.gif" name="i"></td> <td><img src="http://pic.tiexue.net/pics/2006_10_25_97484_3997484.gif" _ewebeditor_ta_src="http%3A%2F%2Fpic.tiexue.net%2Fpics%2F2006_10_25_97484_3997484.gif" name="j"></td> </tr> </table></P> <P></body></P>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程