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> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Afunction%20%24(element)%7B%20%0D%0Areturn%20document.getElementById(element)%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E9%99%90%E6%97%B6%E6%8A%A2%E8%B4%AD%20%0D%0Avar%20the_s%3Dnew%20Array()%3B%20%0D%0Afunction%20view_time(the_s_index%2Cobjid)%7B%20%0D%0A%0D%0Aif(the_s%5Bthe_s_index%5D%3E%3D0)%7B%20%0D%0Avar%20the_D%3DMath.floor((the_s%5Bthe_s_index%5D%2F3600)%2F24)%20%0D%0Avar%20the_H%3DMath.floor((the_s%5Bthe_s_index%5D-the_D*24*3600)%2F3600)%3B%20%0D%0Avar%20the_M%3DMath.floor((the_s%5Bthe_s_index%5D-the_D*24*3600-the_H*3600)%2F60)%3B%20%0D%0Avar%20the_S%3D(the_s%5Bthe_s_index%5D-the_H*3600)%2560%3B%20%0D%0Ahtml%20%3D%20%22%E8%BF%98%E5%89%A9%20%22%3B%20%0D%0A%2F%2Fif(the_D!%3D0)%20html%20%2B%3D%20the_D%2B%22%E5%A4%A9%22%3B%20%0D%0Aif(the_D!%3D0%20%7C%7C%20the_H!%3D0)%20html%20%2B%3D%20'%3Cspan%20class%3D%22hour%22%3E'%2B(the_H%2B(the_D*24))%2B%22%3C%2Fspan%3E%E5%B0%8F%E6%97%B6%22%3B%20%0D%0Aif(the_D!%3D0%20%7C%7C%20the_H!%3D0%20%7C%7C%20the_M!%3D0)%20html%20%2B%3D%20'%3Cspan%20class%3D%22minute%22%3E'%2Bthe_M%2B%22%3C%2Fspan%3E%E5%88%86%22%3B%20%0D%0Ahtml%20%2B%3D%20'%3Cspan%20class%3D%22second%22%3E'%2Bthe_S%2B%22%3C%2Fspan%3E%E7%A7%92%22%3B%20%0D%0A%24(objid).innerHTML%20%3D%20html%3B%20%0D%0Athe_s%5Bthe_s_index%5D--%3B%20%0D%0A%7Delse%7B%20%0D%0A%24(objid).innerHTML%20%3D%20%22%E5%B7%B2%E7%BB%93%E6%9D%9F%22%3B%20%0D%0A%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
 
还剩 14小时49分44秒 
 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20startDate%3D%20new%20Date(%222010%2F07%2F16%2009%3A07%3A43%22)%3B%20%0D%0Avar%20endDate%3D%20new%20Date(%222010%2F07%2F17%2000%3A00%3A00%22)%3B%20%0D%0Athe_s%5B2402%5D%3D(endDate.getTime()-startDate.getTime())%2F1000%3B%20%0D%0AsetInterval(%22view_time(2402%2C'xsq_2402')%22%2C1000)%3B%20%0D%0A%3C%2Fscript%3E"> 
</body> 
</html>

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

教程首页更多教程