Question

有谁知道我如何使用Jquery来更新td id jailtimer中的内容。我需要它倒计时直到它达到0

例如

00:00:02

00:00:01

00:00:00完成

<?php
$sql = "SELECT * FROM jail ORDER BY id DESC";
$query = mysql_query($sql) or die(mysql_error());
$count = mysql_num_rows($query);
$i = 1;
while($row = mysql_fetch_object($query)) {
$jail_oname = htmlspecialchars($row->username);
$jail_otimeleft = htmlspecialchars($row->time_left);
$oleft = $jail_otimeleft - time();
if ($oleft < '0'){
$sql = "DELETE FROM jail WHERE username='".$jail_oname."'";
$query = mysql_query($sql)  or die(mysql_error());
}
?>
<table>
<tbody>
<tr>
<td id="jailtimer"><?php echo date( "00:i:s", $jail_otimeleft - time() ); ?></td>
</tr>
</tbody>
</table>

这是一个将数据放入mysql表的代码

<?
if ($_POST['Failcaptcha']){
    $jailtime = 1500;
        $Time_Jail=time()+ $jailtime;
    echo "<p id=\"MyStatus\">You clicked the wrong button you goto jail for 25 Minutes!</p>";
    mysql_query("INSERT INTO `jail` ( `id` , `username` , `time_left` , `reason` , `bust_able` )
    VALUES ('', '$username', '$Time_Jail', 'Failed captcha', '1')");
}
?>

Answer 1

这是一个fiddle，展示了如何在jquery中轻松地向前或向后运行时钟。请享用。

HTML代码是：

<div class="time"></div>
<div class="backtime"></div>

这是JS代码：

$(function(){
    var $currentDate = new Date().getTime();
    setInterval(function(){
         $(".time").text(new Date());
        console.log(new Date().setTime($currentDate));
         $currentDate = $currentDate - 1000;
        $(".backtime").text(new Date($currentDate) );        
    },1000);
});

这将显示GUI上的剩余时间，但不会更新数据库。我假设你不想每秒都去往服务器的往返。我建议你摆脱“time_left”一栏，只使用“release_date”，这意味着“他们什么时候会被释放？”

如果需要更多解释，请与我们联系。

Jquery倒计时

1 个答案: