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

字號(hào):


    本文實(shí)為大家分享了javascript實(shí)現(xiàn)頁(yè)面加載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>正在載入首頁(yè),請(qǐng)稍候.</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)頁(yè)";}
    }
    </script>
    </p>
    </td>
    </form>
    </tr>
    </table>
    </body>
    </html>
    以上就是本文的全部?jī)?nèi)容,希望對(duì)大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。