2013-04-09 3 views
10

정확하게 30 분 후에 함수를 실행할 수있는 자바 스크립트 코드를 작성하고 싶습니다.잠시 후 함수를 실행하는 방법 javascript

나는 getScore이라는 함수와 getResult이라는 함수가 있다고 가정 해보십시오. 나는 그 기능들이 정확하게 30 분 후에 실행되기를 원한다.

퀴즈를 목적으로하며 퀴즈 시간은 30 분이므로 시간이 지나면 두 가지 기능이 모두 실행되어야합니다.

+3

'setTimeout()'또는'setInterval()'을 만족시킬 수 있습니다. 너야말로 들여다 봐야 한다구! :) –

+1

사용자가 머물러 있으며 30 분 동안 페이지를 새로 고치지 않습니까? – VisioN

+0

30 분 후에 무엇을 했습니까? (페이지로드, 버튼을 클릭 하시겠습니까?) –

답변

23

당신은 setTimeout()를 사용해야합니다

setTimeout(function() { 
    getScore(); 
    getResult(); 
}, 1800000); 

는 '1800000'는이 기능을 실행 할 후 시간 (밀리 초)입니다. 이 경우 30 분.

+0

w3schools를 mdn으로 대체했습니다. 여기 주위 w3schools 같은 많은 들여다보기 :) –

+0

아 그래, 그 기억 ... – stef

+0

나는 그것이 작동하지 않는 이유를 모르겠다. setTimeout (function() { getScore (this.형태); getQs(); \t showReports(); \t }, 10000); - 임 IE 8에서 작동합니까, 호환됩니까? –

-1

요소를 표시하려면이 코드,이 단추 표시를 사용할 수 있습니다.

 function myFunc(){ 
     var linkEd = document.getElementById("buttonID"); 
     var timing = 6; 
     var text_timing = document.createElement("span"); 
     linkEd.parentNode.replaceChild(text_timing, linkEd); 
     var id; 
     id = setInterval(function() {timing--; 
     if (timing < 0) { 
     clearInterval(id); 
     text_timing.parentNode.replaceChild(linkEd, text_timing); 
     } else { 
     text_timing.innerHTML = "<h3 class='yourclass'>Button will appear after <strong>" + timing.toString() + "</strong> second</h3>"; 
     linkEd.style.display = "inline"; 
     } 
    }, 1000); 
} 

는 시간을 밀리 초

< H3 클래스를 표시하는 것입니다 = '는 yourclass ' > 버튼이 나타납니다 < 강력한 > " + timing.toString() + " </STRONG >초 후 </h3 >


은 시간에 전화와 쇼 버튼 yourclass = 시간 0

< 버튼 클래스 후 '을 버튼을 보여 온 클릭 이벤트를 사용 '의 onclick = ' MYFUNC() ' ID = ' 버튼 ' > 시간 표시 </버튼 >

사용 표시 없음 버튼을

< 버튼 스타일 = ' 디스플레이 숨길 수 : 없음 ' ID = ' buttonID ' 클래스 = ' yourclass ' > 시간 </버튼 후 >

+0

그건 구체적으로 질문에 대답하지 않으며 내 의견으로는 지나치게 복잡합니다. –

관련 문제