Question

这是我的代码：https://hastebin.com/azitobicas.xml

我想得到余下的时间（它有效，它会在几秒钟内将它还给我）。

我想以格式分钟：秒（i：s）显示此时间，并且必须每秒刷新一次，我在Javascript中执行此操作。

正如您在我的代码中看到的那样，我在PHP中使用<canvas id="game">kindly update your browser.</canvas>从javascript中获取剩余时间，但问题是以分钟：秒（i：s）的格式显示它，我尝试使用gmdate （$remain = "<span id='remaining'></span>";）但它不起作用，没有显示任何内容，我找不到/知道原因。

PS：它正在使用例如echo gmdate("i:s", $remain);

感谢。

Answer 1

试试这个：

var count = <?php echo $rowTime - $spent; ?>;
var counter = setInterval(function(){ 
    remaining(); 
}, 1000);
function remaining(){
    var minute = parseInt(count / 60)
    var second = count % 60;
    document.getElementById("remaining").innerHTML = (minute < 10 ? '0' : '') + minute 
    + ':' + (second < 10 ? '0' : '') + second;
    count--;
    if(count == 0){
        clearInterval(counter);
        document.getElementById("remaining").innerHTML = "<div id='get_refreshbutton' class='col-md-14' style='margin-top: 10px; margin-bottom: 15px;'><button name='refreshBtn' onclick='window.location.reload()' class='btn btn-info btn-block btn-lg' style='font-size: 14pt;'><i class='fa fa-refresh' aria-hidden='true'></i> 5 MINUTES SPENT, YOU CAN REFRESH</button></div>";
    }
}

获取剩余秒数，每秒刷新一次并以格式分钟：秒显示

1 个答案: