抽奖时间倒计时js特效代码

来源:互联网 发布:mac 数学公式编辑器 编辑:程序博客网 时间:2024/06/09 17:32

抽奖时间倒计时js特效代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>倒计时</title></head><script type="text/javascript">window.onload=function(){backtime();}function backtime(){var str = '2013-08-30'; str = str.replace(/-/g,'/'); var d=new Date(str);var today=new Date();var time=d.getTime()-today.getTime();var 天=Math.floor(time/(1000*60*60*24));var 小时=Math.floor(time/(1000*60*60))%24;var 分=Math.floor(time/(1000*60))%60;var 秒=Math.floor(time/1000)%60;//var abcInner=document.createTextNode(天+'天'+小时+'小时'+分+'分'+秒+'秒');var 时间=document.getElementById('a');时间.innerHTML=天+'天'+小时+'小时'+分+'分'+秒+'秒';时间.style.border='1px';时间.style.fontSize='12px';时间.style.color='black';时间.style.borderStyle='dashed';时间.style.borderColor='red';时间.style.padding='5px';时间.style.width='215px';时间.style.textAlign='center';时间.style.backgroundColor='skyblue';if(Math.floor(time)<0){时间.innerHTML='此抽奖已经过期,请下次赶早!';时间.style.border='1px';时间.style.borderStyle='solid';时间.style.borderColor='black';时间.style.backgroundColor='#ffcc00';时间.style.fontSize='12px';时间.style.color='red';}}setInterval('backtime()',1000);</script><body><div id="a"></div></body></html>

新建记事本打开,复制上面代码进去,保存成index.html,用浏览器打开即可浏览。