循环中调用了内部的Javascript函数

Javascript function inside called in loop

本文关键字:Javascript 函数 内部 调用 循环      更新时间:2023-09-26

您好,我找到了一个适合我需要的可爱的小javascript,但我想在同一页面上多次调用这个函数。我的理解是,对函数的每次调用都需要定义一个唯一的id。

我会把这个放在一个循环中,像这个一样

<td><div id='countdown$i'></div></td>

这是环路

    $i=0;
    if( mysqli_num_rows($result) > 0){
        if ($time < $endtime) {
        echo "<script>
        var interval;
        var minutes = 1;
        var seconds = 10;
        window.onload = function() {
            countdown('countdown');
        }
        function countdown(element) {
            interval = setInterval(function() {
                var el = document.getElementById(element);
                    if(seconds == 0) {
                    if(minutes == 0) {
                    location.reload(true);
                    } else {
                        minutes--;
                        seconds = 60;
                    }
                }
                if(minutes > 0) {
                    var minute_text = minutes + (minutes > 1 ? ' min(s)' : ' min');
                    var secound_text = '';
                    el.innerHTML = 'Ready in ' + minute_text;
                } else {
                    var minute_text = '';
                    var second_text = seconds + (seconds > 1 ? ' sec(s)' : ' sec');
                    el.innerHTML = 'Ready in ' + second_text;
                }
                seconds--;
            }, 1000);
        }
        </script>";
        echo "<td width='200'><div id='countdown$i'></div></td>";
        $i++;
    }

我应该在什么/哪里修改脚本以返回倒计时$i?

感谢

不确定为什么要这样做;但是,这应该会修复您的代码。

window.onload = function() {
        countdown('countdown".$i."');
    }