怎样让两个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>

通常一个页面不应该出现两个相同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;
    }
}

温馨提示:内容为网友见解,仅供参考
第1个回答  2018-04-24
两个div里的时分秒对应的元素 用同一个class, count_down函数里也用document.getElementsByClassName来获取DOM,再计算时间后给它们innerHTML
还有你的count_down已经是计算时间了,setTimeout是倒计时只执行一次,setInterval才是定时器,循环调用函数
相似回答