基于javascript實現(xiàn)頁面加載loading效果

字號:


    本文實為大家分享了javascript實現(xiàn)頁面加載loading效果,供大家參考,具體內(nèi)容如下
    效果圖:
    名單
    <html>
    <head>
    <title>正在載入</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
    <table border=0 cellpadding=0 cellspacing=0 height="100%">
    <tr>
    <form name=loading>
    <td>
    <p><font color=gray>正在載入首頁,請稍候.</font></p>
    <p>
    <input type=text name=chart size=46>
    <br>
    <input type=text name=percent size=46>
    <script>var bar = 0
    var line = "||"
    var amount ="||"
    count()
    function count(){
    bar= bar+2
    amount =amount + line
    document.loading.chart.value=amount
    document.loading.percent.value=bar+"%"
    if (bar<99)
    {setTimeout("count()",100);}
    else
    {window.location = "目標(biāo)頁";}
    }
    </script>
    </p>
    </td>
    </form>
    </tr>
    </table>
    </body>
    </html>
    以上就是本文的全部內(nèi)容,希望對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。