자바 스크립트 카운트 다운 업데이트베이스와

Question

누군가가 JS 좀 도와주십시오 수 있습니다 새로 고침/아약스 카운트 다운이 내가 정말 아니에요 10 초 카운트 다운 타이머는 다음 데이터베이스를 업데이트하고 페이지를 새로 고침 할

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

또한이 내가 http://pastebin.com/Qwz3Zqtt, 일을 찾을 것입니다 :

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 파일, 마녀가 잘 작동 : 자바 스크립트/아약스 좋은, 여기에 지금까지 무엇을 가지고 있습니다 괜찮아요.하지만 함께 모으는 법을 모르겠습니다.

도움을 주시면 감사하겠습니다.

감사

Answer 1

당신은 데이터베이스 요청을 처리하는 기본 아약스를 배우고 싶은 것입니다. jQuery은 a very easy to use implementation입니다.

<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 a fiddle

Answer 2

사용 jQuery ajax

간단한 예 :

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