Javascript倒计时更新db和刷新 - javascript countdown update db and refresh

javascript countdown update db and refresh

有人可以帮助我与js/ajax倒计时我想要一个倒计时计时器到10秒然后更新数据库和刷新页面一旦它达到0。

我不是很擅长javascript/ajax，这是我目前为止得到的:

var ss = 10;
function countdown() {
ss = ss-1;
if (ss<0) {
var url='update.php?countdown='+countdown;
}
else {
document.getElementById("countdown").innerHTML=ss;
window.setTimeout("countdown()", 1000);
}
}
<span id="countdown" style="color:green;">10</span>

和update.php文件，巫婆工作正常:

if (isset($_REQUEST['countdown'])) {     
  mysql_query("INSERT INTO num (id, ad, active) 
  VALUES ('1', 'Test',1)") or die(mysql_error());
  }

，这也是我发现http://pastebin.com/Qwz3Zqtt，工作得很好，但我不知道如何把它们放在一起。

如有任何帮助，不胜感激。

谢谢

您将需要学习基本的ajax来处理数据库请求。jQuery有一个非常容易使用的实现。

基本代码可以是这样的:

<script>
function updateTimer(seconds){
    var countdown = document.getElementById('countdown');
    countdown.innerHTML = "Please wait " + seconds + " seconds.";
}
var timer = function() {
    var seconds = 10;
    var interval = setInterval(function(){
        if (seconds <= 0){
            countdown.innerHTML = "Finished.. Updating Database";
            // AJAX request here
            clearInterval(interval);
        }else{
            updateTimer(seconds);            
            --seconds;
        }
    }, 1000);
    updateTimer(seconds);    
    --seconds;
}
document.getElementById('start').addEventListener('click', timer);
</script>
<div id="countdown"></div>
<button id="start">Click Me</button>

Here's fiddle

使用jQuery ajax

最简单的例子:

if (ss<0) {
    $.ajax('update.php?countdown='+countdown);
}