Question

怎样让两个Div使用相同的JS呢？急求！！十分感谢！！

像这样的两个DIv，要使用一个JS，结果只能实现一个有JS效果！！

<div id="times_container" style="border:1px; border-color:#999999; border-style:solid; background:#333333; color:#FFFFFF; width:500px; height:40px; line-height:40px; font-size:24px">

距离活动结束还有：<span id="times_day"> </span>天

<span id="times_hour"> </span>时

<span id="times_minute"> </span>分

<span id="second"> </span>秒

</div>

<div id="times" style="border:1px; border-color:#999999; border-style:solid; background:#333333; color:#FFFFFF; width:500px; height:40px; line-height:40px; font-size:24px">

距离活动结束还有：<span id="times_day"> </span>天

<span id="times_hour"> </span>时

<span id="times_minute"> </span>分

<span id="second"> </span>秒

</div>





Answer 1

通常一个页面不应该出现两个相同ID的的元素，

document .getElementById("times_day")

返回 id 属性值等于 times_day 的第一个对象的引用。

假如对应的为一组对象，则返回该组对象中的第一个。

你可以选择用name来代替id:

<span name="times_day"></span>天

var time_day = document.getElementsByName("times_day"); 

需要注意的是它是返回一个集合，

time_day[0].innerHTML = "2";

time_day[1].innerHTML = "2";

两个相同的还好，多个的话你需要写一个循环函数：

setData(time_day,"3");
function setData(arr,text){
    for(var i in arr){
	arr[i].innerHTML = text;
    }
}

Answer 2

两个div里的时分秒对应的元素 用同一个class， count_down函数里也用document.getElementsByClassName来获取DOM，再计算时间后给它们innerHTML
还有你的count_down已经是计算时间了，setTimeout是倒计时只执行一次，setInterval才是定时器，循环调用函数