Jquery倒计时日期

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”，意思是“他们什么时候发布？”

如果需要更多的解释，请让我知道。