Working to a JS script, I wanted to add a pause in the execution of the script.
In PHP there is a function sleep() to delay execution of the PHP script, but JavaScript doesn't have such a function.
Looking on the net, I found a solution to delay the execution of some code in JS script, by using the setTimeout() function.
Here's the method, the code that must be executed after pause must be inside a function that will be accessed with setTimeout():
setTimeout( function(){
// here add the code (or call a function) to be executed after pause
}, 1000 );
- 1000 represents the number of millisecond of the pause (for 2 seconds add 2000).The following script it writes a text in page (with document.write), then, after a pause of 2.3 seconds it will display an alert dialog window.
//executes some code after a 'pause' (in millisecond)
function testPause(pause){
setTimeout(()=>{
// code that must be executed after the pause
alert('Hi, I came after 2.3 seconds');
}, pause );
}
document.write('Hi there, wait');
testPause(2300);
<div id='cnt'> </div>
<script>
function simLoad(id){
// display 'Loading ..', and use setTimeout() to access a function after 2.3 seconds
document.getElementById(id).innerHTML = '<h4>Loading ...</h4>';
setTimeout(()=>{ adContent(id); }, 2500);
/* in this case setTimeout() can be used also like this
setTimeout('adContent(''+id+'')', 2500);
*/
}
// this function adds a content inside a HTML element, with the ID passed in parameter
function adContent(id){
document.getElementById(id).innerHTML ='JavaScript Tutorial - <em>Pause the script in JS</em> - <a href='//coursesweb.net/javascript' title='JavaScript Course'>JavaScript Course</a>';
}
simLoad('cnt'); // access simLoad() with the ID of HTML tag
</script>
<div>Web Programming and Development</div>
h2 {
text-decoration: underline;
}function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);$food =["fruits" =>["banana", "apple"), "veggie" =>["collard", "pea")); $nr_food = count($food, 1); echo $nr_food; // 6