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).

Example, executing a JS code after a specified time

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);
Here is another example that adds a 'Loading ...' message into an HTML element, than, after 2.5 seconds it adds another content.
<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>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which HTML5 tag is indicated to be used as container for menu with navigation links in Web site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Which CSS property shifts an item horizontally to the left or right of where it was?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Click on the Math object method which returns x, rounded downwards to the nearest integer.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicate the PHP function which returns the number of characters in string.
mb_strlen() count() stristr()
$str = "string with utf-8 chars åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 30
Add Pause in JavaScript script

Last accessed pages

  1. Creating objects in ActionScript (7983)
  2. If Else conditionals, Comparative and Logical operators (3028)
  3. PHP SimpleXML (1926)
  4. Arrays in ActionScript 3 (1090)
  5. Get CSS property value with getComputedStyle ot jQuery (3351)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (1435)
  2. Tabs effect with CSS (1370)
  3. Contact page - CoursesWeb (1367)
  4. Insert, Select and Update NULL value in MySQL (792)
  5. PHP getElementById and getElementsByTagName (622)