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

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

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

감사

출처

2013-06-05 i99ks

당신은 멋진 다운 타이머가 화면에 실행 원하는 시간이 다 될 때 SQL 쿼리를 할 :

기본 코드는 같은 것이 될 수 있을까? –

예, 타이머가 완료되면 10 초에서 0 초까지 간단한 카운트 다운처럼 SQL을 사용하거나 var url = 'update.php? countdown ='+ countdown; , 여기에 http://pastebin.com/Qwz3Zqtt on line 184 – i99ks

카운트 다운 변수에는 무엇이 있어야합니까? 그리고 DB 갱신 후 페이지 새로 고침을 원하십니까? Btw, 멋지고 간단한 카운트 다운 : http://www.electrictoolbox.com/using-settimeout-javascript/ - 대신에 버튼을 사용해야합니다. – sinisake

당신은 데이터베이스 요청을 처리하는 기본 아약스를 배우고 싶은 것입니다. 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

출처

2013-06-05 01:57:03

달콤한, 그것이 내가 찾고 있던 것입니다. , 감사 – i99ks

사용 jQuery ajax

간단한 예 :

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

출처

2013-06-05 01:50:58 furas

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

답변

관련 문제