Javascript 基础 javascript 循环 php 循环迭代中的迭代次数

Question

考虑以下从数据库中获取时间的代码，javascript 获取选择框值并执行倒计时计算。

var seconds = document.getElementById("countTime").textContent;
var seconds = seconds*3600;
function timer() {
 //somecode
}

echo'<td id="countTime" style="">';
                    echo    $days_remaining.$hours_remaining;
                        echo'</td>';

这非常有效，我得到了这个输出

但这是我的问题:

• 我在 echo'<td id="countdown" 中创建了无效的 html ...好吧，我可以通过声明一个数组并将其附加到 id 来轻松解决此问题，例如:<td id="countdown'.$nr." //assume $nr = 1 ++

  但是

• 我的大问题在于我的 jscript 代码，上面的 javascript 只适用于第一个 td 元素 <td>元素在一个循环中，<td> 的 nr元素基于循环迭代次数

因此

1. 我将如何修改上面的 jscript 以在每个 <td> 中返回一个倒计时时间？元素？我可以这样做吗 var seconds = document.getElementById( var seconds = document.getElementById("countTime".nr++).value;).innerText; ??

2. 很明显我必须使用循环，但我如何根据 php while 循环的迭代次数获取 javascript 循环应该迭代的次数？我想我可以用 $var++ 计算 php 循环迭代的次数在元素中显示它并获取 .innerText 值，但这似乎非常低效

也许我想多了，但我被困住了......

Answer 1

就像评论中提到的那样，在你的 <td> 上使用一个公共(public)类秒。然后更改您的 Javascript 以使用 querySelectorAll :

var elements = document.querySelectorAll('.countTime');
var seconds, i;

// elements now contains an object, that contains all elements
// that have the class 'countTime'

for (i = 0; i < elements.length; i++) {
    seconds = elements[i].textContent * 3600;
    // etc...
}