<!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> <title>倒计时(设置一个目标时间)</title> </head> <body> <mce:script type="text/javascript"><!-- var target = [] var time_id = [] function show_date_time_0() { // 一秒钟调用一次该方法,刷新剩余总时间 setTimeout("show_date_time_0()", 1000); for (var i = 0, j = target.length; i < j; i++) { // 获取当前时间 today = new Date(); // 计算两时间段内的毫秒数 timeold = target[i] - today.getTime(); sectimeold = timeold / 1000; // 计算秒数,进行下舍入 secondsold = Math.floor(sectimeold); msPerDay = 24 * 60 * 60 * 1000; e_daysold = timeold / msPerDay; // 计算天数,进行下舍入 daysold = Math.floor(e_daysold); // 计算完天数后剩余的小时 e_hrsold = (e_daysold - daysold) * 24; hrsold = Math.floor(e_hrsold); // 计算完小时后剩余的分钟数 e_minsold = (e_hrsold - hrsold) * 60; minsold = Math.floor((e_hrsold - hrsold) * 60); // 计算完分钟后剩余的秒数 seconds = Math.floor((e_minsold - minsold) * 60); if (daysold < 0) { document.getElementById(time_id[i]).innerHTML = "逾期,倒计时已经失效"; } else { /*进行输出格式处理*/ if (daysold < 10) { daysold = "0" + daysold } if (daysold < 100) { daysold = "0" + daysold } if (hrsold < 10) { hrsold = "0" + hrsold } if (minsold < 10) { minsold = "0" + minsold } if (seconds < 10) { seconds = "0" + seconds } // 三天倒计时,加红字体强调 if (daysold < 3) { document.getElementById(time_id[i]).innerHTML = "<font color=red>" + daysold + "天" + hrsold + ":" + minsold + ":" + seconds + "</font>"; } else { document.getElementById(time_id[i]).innerHTML = daysold + "天" + hrsold + ":" + minsold + ":" + seconds; } } } } setTimeout("show_date_time_0()", 100); // --></mce:script> <div id="TimeCounter_0" style="border: 1px solid black; margin: 5px; padding: 2px; width: 140px"> </div> <mce:script type="text/javascript"><!-- //设定目标时间(数组元素) //target[target.length]=new Date(年,月-1,日,时,分,秒).getTime() target[target.length] = new Date(2010, 12 - 1, 4, 00, 00, 00).getTime(); //设定倒计时显示地址(数组元素) time_id[time_id.length] = "TimeCounter_0" // --></mce:script> </body> </html>