Javascript 如何制作多个倒计时钟？

这就是我所拥有的

有些人建议我应该使用

class

而不是

id

，这是正确的

另一方面，如果我使用一个类，我不知道当我尝试它时，

getelementsbyclassname

是否有效。当我运行html页面时，甚至没有一个时钟弹出

//设置我们倒计时的日期
var countDownDate=新日期（“2018年9月5日15:37:25”）.getTime（）；
//每1秒更新一次倒计时
var x=setInterval（函数（）{
//获取今天的日期和时间
var now=new Date（）.getTime（）；
//找出现在和倒计时日期之间的距离
var距离=倒计时日期-现在；
//天、小时、分钟和秒的时间计算
变量天数=数学楼层（距离/（1000*60*60*24））；
可变小时数=数学楼层（（距离%（1000*60*60*24））/（1000*60*60））；
var分钟=数学楼层（（距离%（1000*60*60））/（1000*60））；
var秒=数学楼层（（距离%（1000*60））/1000）；
//在id=“demo”的元素中输出结果
document.getElementById（“demo”）.innerHTML=days+d+hours+h+
分钟+米+秒+秒；
//如果倒计时结束，写一些文字
如果（距离<0）{
净间隔（x）；
document.getElementById（“demo”）.innerHTML=“过期”；
}
}, 1000);
p{
文本对齐：居中；
字体大小：60px；
}


按类处理元素时，您可能需要使用：


Document.getElementsByClassName（“选择器”）
或
ParentNode.querySelectorAll（“.selector”）

然后需要循环返回的集合并赋值

在ES6中，您可以使用

[...myNodeList].forEach( node => {
    /* do something to node */
});

在good old JS中，它看起来像：

for ( var i = 0; i < myNodeList.length; i++ ) {
   /* do something to myNodeList[i] */
}

for（var i=0；i


//设置我们倒计时的日期
var countDownDate=新日期（“2018年9月5日15:37:25”）.getTime（）；
//每1秒更新一次倒计时
var x=setInterval（函数（）{
//获取今天的日期和时间
var now=new Date（）.getTime（）；
//找出现在和倒计时日期之间的距离
var dif=倒计时日期-现在；
//天、小时、分钟和秒的时间计算
var d=数学楼层（dif/（1000*60*60*24））；
var h=数学地板（（dif%（1000*60*60*24））/（1000*60*60））；
var m=数学地板（（dif%（1000*60*60））/（1000*60））；
var s=数学地板（（dif%（1000*60））/1000）；
var格式=d+“d”+h+“h”+m+“m”+s+“s”；
//使用class=“demo”将结果输出到元素中
[…document.queryselectoral（“.demo”）].forEach（el=>el.innerHTML=dif<0？“过期”：格式化）；
//如果倒计时结束，停止间隔
if（dif<0）{
净间隔（x）；
}
}, 1000);


按类处理元素时，您可能需要使用：


Document.getElementsByClassName（“选择器”）
或
ParentNode.querySelectorAll（“.selector”）

然后需要循环返回的集合并赋值

在ES6中，您可以使用

[...myNodeList].forEach( node => {
    /* do something to node */
});

在good old JS中，它看起来像：

for ( var i = 0; i < myNodeList.length; i++ ) {
   /* do something to myNodeList[i] */
}

for（var i=0；i


//设置我们倒计时的日期
var countDownDate=新日期（“2018年9月5日15:37:25”）.getTime（）；
//每1秒更新一次倒计时
var x=setInterval（函数（）{
//获取今天的日期和时间
var now=new Date（）.getTime（）；
//找出现在和倒计时日期之间的距离
var dif=倒计时日期-现在；
//天、小时、分钟和秒的时间计算
var d=数学楼层（dif/（1000*60*60*24））；
var h=数学地板（（dif%（1000*60*60*24））/（1000*60*60））；
var m=数学地板（（dif%（1000*60*60））/（1000*60））；
var s=数学地板（（dif%（1000*60））/1000）；
var格式=d+“d”+h+“h”+m+“m”+s+“s”；
//使用class=“demo”将结果输出到元素中
[…document.queryselectoral（“.demo”）].forEach（el=>el.innerHTML=dif<0？“过期”：格式化）；
//如果倒计时结束，停止间隔
if（dif<0）{
净间隔（x）；
}
}, 1000);


首先，您的HTML无效，
id应该是唯一的。让我们将项目更改为
类
：

<p class="demo"></p>
<p class="demo"></p>
<p class="demo"></p>

首先，您的HTML无效，
id
应该是唯一的。让我们将项目更改为
类
：

<p class="demo"></p>
<p class="demo"></p>
<p class="demo"></p>

你把
id
和
class
搞混了。也。。。不要
Id
…就像我最近在使用class而不是Id时提到的Roko一样，什么都不起作用。好吧，但是你比google还差一步：
JS如何按类定位元素
你把
Id
和
class
搞混了。也。。。不要
Id
…就像我最近在使用class而不是Id时提到的Roko一样，什么都不起作用。好吧，但是你比google还差一步，关于：
JS如何按类定位元素
哇！非常感谢哇！多谢各位