0

我们想使用 Jquery Countdown 插件进行倒计时。它应该通过 AJAX 与 PHP 连接。基本上我们的门户需要这个倒计时（如果有一个超过 12 小时的 URL，那么该 URL 将自动从 Mysql 中删除。）

我们为此设计了一个代码，但是使用 AJAX 调用它不能正常工作。它工作正常期待ajax调用。

请看代码。

HTML / Javascript 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Countdown</title>
<link href="jquery.countdown.css" type="text/css" rel="stylesheet">
<style type="text/css">
#defaultCountdown { width: 240px; height: 45px; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.countdown.js">          </script>
<script type="text/javascript">
function serverTime(){ 
var time = null; 
$.ajax({url: 'http://localhost/portal/audit/test3.php', 
    async: false, dataType: 'text', 
    success: function(text) { 
        time = new Date(text); 
    }, error: function(http, message, exc) { 
        time = new Date(); 
}}); 
return time; 
}
$('#defaultCountdown').countdown({ 
until:liftoffTime, serverSync: serverTime}); 
   </script>
   </head>
    <body>
    <div id="defaultCountdown"></div>
    </body>
    </html>

PHP 代码

<?php 
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1 
header("Expires: Fri, 1 Jan 2010 00:00:00 GMT"); // Date in the past 
header("Content-Type: text/plain; charset=utf-8"); // MIME type 
$now = new DateTime(); 
echo $now->format("M j, Y H:i:s O")."\n"; 
?>

请为我推荐这个倒计时插件。我们从这个 url 使用了这个插件：- http://keith-wood.name/countdownRef.html#serverSync

更新 

<script type="text/javascript">
function liftOff() { 
    var time = null; 
    $.ajax({url: 'http://localhost/portal/audit/test3.php', 
        async: false, dataType: 'text', 
        success: function(text) { 
            time = new Date(text); 
        }, error: function(http, message, exc) { 
            time = new Date(); 
    }}); 
    return time; 
}
$('#defaultCountdown').countdown({ 
    until:liftoffTime, onExpiry: liftOff}); 



</script>
4

1 回答 1

0

答案在页面中，需要使用回调“onExpiry”

$(selector).countdown({ 
    until: liftoffTime, onExpiry: liftOff}); 

function liftOff() { 
    // run ajax here
}
于 2012-04-24T07:05:42.717 回答