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