How To Create Splash Screen in FireFox Mobile App -

i want create splash screen firefox os app how can so. can 1 know how

create 2 pages , call transition after time, example

    <div data-role="page" id="splash">          <div data-role="content">               <img src="images/splash.png" alt="startup image" style="width: 100%; height: 100%" />         </div>     </div>       <div data-role="page" id="home">          <div data-role="header" data-backbtn="false">             <h1>new page!!</h1>         </div>         <div data-role="content">    new content!<br/>    test!!         </div>     </div> 

then use script changing pages

  $('#splash').on('pageshow', function(){        var hidesplash = function() {            $.mobile.changepage($("#home"));        };       settimeout(hidesplash, 2000);   });