jQuery : 코드를 실행하지 않고 1 초간 대기 / 지연
.delayjQuery 에서 메소드를 작동 시킬 수 없습니다 .
$.delay(3000); // not working
$(queue).delay(3000); // not working
제어되지 않는 변경 값이 다른 값보다 크거나 같을 때까지 대기하기 위해 while 루프를 사용하고 있으며 X 초 동안 실행을 잠글 수있는 방법을 찾을 수 없습니다.
$ .delay는 큐에서 애니메이션을 지연시키는 데 사용되며 실행을 중단하지 않습니다.
while 루프를 사용하는 대신 다음을 사용하여 매초마다 검사를 수행하는 메소드를 재귀 적으로 호출해야합니다 setTimeout.
var check = function(){
if(condition){
// run when condition is met
}
else {
setTimeout(check, 1000); // check again in a second
}
}
check();
이런 식으로 일부 작업을 지연시킬 수도 있습니다.
setTimeout(function (){
// Something you want delayed.
}, 5000); // How long do you want the delay to be (in milliseconds)?
ES6 setTimeout
setTimeout(() => {
console.log("we waited 204586560000 ms to run this code, oh boy wowwoowee!");
}, 204586560000);
편집 : 204586560000 ms는 내가 올바르게 계산했다고 가정하고 원래 질문 과이 답변 사이의 대략적인 시간입니다.
JavaScript setTimeout는 매우 좋은 솔루션입니다.
function funcx()
{
// your code here
// break out here if needed
setTimeout(funcx, 3000);
}
funcx();
delayjQuery 의 함수는 주로 jQuery 애니메이션 대기열에서 애니메이션을 지연시키는 데 사용됩니다.
jQuery의 delay기능은 효과 및 효과 대기열과 함께 사용하기위한 것입니다. delay문서 및 예제를 참조하십시오 .
$('#foo').slideUp(300).delay(800).fadeIn(400);
변경 사항에 대한 변수를 관찰하려면 다음과 같이 할 수 있습니다
(function() {
var observerInterval = setInterval(function() {
if (/* check for changes here */) {
clearInterval(observerInterval);
// do something here
}
}, 1000);
})();
delay()코드 흐름을 중단하지 않고 다시 실행하십시오. JavaScript에서는 그렇게 할 수있는 실용적인 방법이 없습니다. 모든 것은 setTimeout다른 사람들이 언급 한 것과 같이 콜백을 취하는 함수로 수행해야합니다 .
jQuery의 목적은 delay()애니메이션 큐가 실행되기 전에 대기하도록하는 것입니다. 예를 들어 $(element).delay(3000).fadeIn(250);3 초 후에 요소가 희미 해집니다.
자바 스크립트 만 jQuery없이 작동합니다.
<!DOCTYPE html>
<html>
<head>
<script>
function sleep(miliseconds) {
var currentTime = new Date().getTime();
while (currentTime + miliseconds >= new Date().getTime()) {
}
}
function hello() {
sleep(5000);
alert('Hello');
}
function hi() {
sleep(10000);
alert('Hi');
}
</script>
</head>
<body>
<a href="#" onclick="hello();">Say me hello after 5 seconds </a>
<br>
<a href="#" onclick="hi();">Say me hi after 10 seconds </a>
</body>
</html>
Javascript는 비동기식 프로그래밍 언어이므로 한동안 실행을 중지 할 수 없습니다. 실행을 [의사] 중지 할 수있는 유일한 방법은 지연이 아니라 "지연된 함수 콜백"인 setTimeout ()을 사용하는 것입니다.
다음과 같이 간단합니다.
function delay(seconds) {
var x = 0;
setTimeout(function() {
if(x){
return undefined;
}
x++;
}, seconds * 1000);
}
for(var x = 0; x < 5; x++){
alert("hi");
delay(10);
}참고 URL : https://stackoverflow.com/questions/8896327/jquery-wait-delay-1-second-without-executing-code
'IT박스' 카테고리의 다른 글
| Canvas에 그릴 텍스트 높이 측정 (Android) (0) | 2020.07.24 |
|---|---|
| 재귀 함수의 작동 방식 이해 (0) | 2020.07.24 |
| IIS에서 CSS, 이미지, JS가로드되지 않음 (0) | 2020.07.24 |
| 번 들러와 함께 --no-rdoc 및 --no-ri 사용 (0) | 2020.07.24 |
| 문자열 길이를 기준으로 문자열 자르기 (0) | 2020.07.24 |