Question

美好的一天，我找到了一个适合我需要的甜蜜小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？

由于

Answer 1

不确定你为什么这样做;但是，这应该修复你的代码。

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

Javascript函数里面调用了循环

1 个答案: