Javascript - setTimeout function

Question

i try to develop a page and i have to use setTimeout function because i need to load my video in my page two seconds later.

In order to do that, i wrote this,

 window.onload = function () {
        player = new Player('playerObject');
        setTimeout(player.playByUrl($mp4Link),3000);
    }

but this is not working why ?

Answer 1

Use callback:

setTimeout(function(){
   player.playByUrl($mp4Link);
},3000);

With your previous statement, the code was executing immediately (because you were calling it directly by specifying param and parenthesis eg playByUrl($mp4Link)) whereas setTimeout needs a callback.

Answer 2

You cannot add parameters to the function. However you can simply use an anonymuos function as callback and call the function in there (with the parameters).

window.onload = function () {
    player = new Player('playerObject');
    setTimeout(function() {
        player.playByUrl($mp4Link);
    }, 3000);
}

Answer 3

setTimeout requires a function

window.onload = function () {
   player = new Player('playerObject');
   setTimeout(function(){
       player.playByUrl($mp4Link);
   },3000);
}

Answer 4

You need to pass a function reference to setTimeout, but I guess the return value from .playByUrl() is not a function. So either go with

setTimeout(function() {
    player.playByUrl($mp4Link);
},3000);

or use ES5 .bind()

setTimeout(player.playByUrl.bind(null,$mp4Link),3000);

Answer 5

player.playByUrl($mp4Link) is the returned value.

try

setTimeout("player.playByUrl($mp4Link)",3000);

or

setTimeout(player.playByUrl,3000, $mp4Link);

The latter does not work with IE and so should be modified.

Answer 6

try to add player.load(); as follow:

  player.load();
  setTimeout(function(){ 
    player.setAttribute("src","http://www.w3school.com.cn/example/html5/mov_bbb.mp4");
    player.play();
  },5000)