如何在FireFox移动应用程序中创建闪屏

我想为我的firefox os应用程序创建闪屏，我该怎么做呢。任何人都知道如何创建两个页面并在一段时间后调用转换，例如

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

  $('#splash').on('pageshow', function(){
       var hideSplash = function() {
           $.mobile.changePage($("#home"));
       };
      setTimeout(hideSplash, 2000);
  });