Javascript Course

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
What attribute makes a radio button or checkbox input selected?
checked="checked" selected="selected" disabled="disabled"
<input type="checkbox" name="a_name" value="value" checked="checked" />
What CSS value scales the background image to the largest size contained within the element?
repeat-x contain linear-gradient
#id {
  background:url("path_to_image.png");
  background-size:contain;
  background-repeat:no-repeat;
}
What operator is used to determine the rest of the division of two numbers?
% * /
var rest8_7 = 8 % 7;
alert(rest8_7);
Indicate the PHP function that rounds a number up to the next highest integer.
floor() ceil() abs()
$nr = ceil(3.5);
echo $nr;        // 4
Add Pause in JavaScript script

Last accessed pages

  1. Check the file type before Upload (9307)
  2. SHA1 Encrypt data in JavaScript (35501)
  3. Ajax-PHP File Manager (10274)
  4. Contact page - CoursesWeb (48922)
  5. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (140495)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (70)
  2. Read Excel file data in PHP - PhpExcelReader (11)
  3. ActionScript 3 Lessons (7)
  4. The Mastery of Love (7)
  5. PHP-MySQL free course, online tutorials PHP MySQL code (6)