<!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> <style> div{position:relative;height:100px;} .the-time{position:absolute;} </style> <body> <div><p class="the-time" left_time="2018/9/9"> <strong></strong>天<strong></strong>小时<strong></strong>分钟<strong></strong>秒 </p></div> <div><p class="the-time" left_time="2017/11/12"> <strong></strong>天 <strong></strong>小时 <strong></strong>分钟 <strong></strong>秒 </p> </div> <div> <p class="the-time" left_time="2016/8/25 17:43:00"> <strong></strong>天 <strong></strong>小时 <strong></strong>分钟 <strong></strong>秒 </p> </div> <script> function setTimeP(p_class){ var ps = document.getElementsByTagName("p"); for(var i = 0; i < ps.length; i ++){ if(ps[i].className == p_class){ var aq_time = new Date(ps[i].getAttribute('left_time')); var now_time = new Date(); var end_time = parseInt((aq_time.getTime()-now_time.getTime())/1000); //var end_time = parseInt(ps[i].getAttribute('left_time')); //sdocument.write(end_time); if(end_time > 0){ ps[i].end_time = end_time; ps[i].t_ps = ps[i].getElementsByTagName("strong"); ps[i].timer = omg; ps[i].timer(); }else{ ps[i].innerHTML = "活动结束"; } } } function omg(){ if(this.end_time <= 0 ) return false this.end_time = this.end_time - 1; var left_d = Math.floor(this.end_time / 3600 / 24); var left_h = Math.floor((this.end_time / 3600)%24); var left_m = Math.floor(this.end_time % 3600 / 60); var left_s = this.end_time % 3600 % 60; this.t_ps[0].innerHTML = "还剩："+left_d; this.t_ps[1].innerHTML = left_h; this.t_ps[2].innerHTML = left_m; this.t_ps[3].innerHTML = left_s; var _this = this; setTimeout(function(){_this.timer()}, 1000) } } </script> <SCRIPT LANGUAGE="JavaScript"> setTimeP("the-time"); </SCRIPT> </body> </html>