The page I am working on has a javascript function executed to print parts of the page. For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth. The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/ Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way. Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided? P.S.: On my real site the same occurs with Chrome. In the ex
You can use the setTimeout or setInterval functions.
ReplyDeleteIf you are looking to block the execution of code with call to 'sleep', then no, there is no method for that in JavaScript.
ReplyDeleteJavaScript does have setTimeout method. setTimeout will let you defer execution of a function for x milliseconds. E.g.
setTimeout(myFunction, 3000);// if you have defined a function named myFunction it will run after 3 seconds (3000 milliseconds)
Remember, this is completely different from how 'sleep' method, if it existed, would behave.
function test1()
{
//some code
//Let's say JS did have a sleep function.
sleep(3000); //sleep for 3 seconds,
alert('hi');
}
If you run the above function, you will have to wait for 3 seconds (sleep method call is blocking) before you see the alert 'hi'. Unfortunately, there is no sleep function like that in JavaScript.
function test2()
{
setTimeout(function() { alert('hello');}, 3000); //defer the execution of anonymous function for 3 seconds and go to next line of code.
alert('hi');
}
If you run test2, you will see 'hi' right away (setTimeout is non blocking) and after 3 seconds you will see the alert 'hello'.
f you run the above function, you will have to wait for 3 seconds (sleep method call is blocking)
ReplyDelete<strong class="highlight">function</strong> myFunction(){
doSomething();
wait(500);
doSomethingElse();
}
<html>
<head>
<script type="text/javascript">
/**
* Delay for a number of milliseconds
*/
function sleep(delay) {
var start = new Date().getTime();
while (new Date().getTime() < start + delay);
}
</script>
</head>
<body>
<h1>Eureka!</h1>
<script type="text/javascript">
alert("Wait for 5 seconds.");
sleep(5000)
alert("5 seconds passed.");
</script>
</body>
</html>