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>
<input type="checkbox" name="a_name" value="value" checked="checked" />
#id { background:url("path_to_image.png"); background-size:contain; background-repeat:no-repeat; }
var rest8_7 = 8 % 7; alert(rest8_7);
$nr = ceil(3.5); echo $nr; // 4