欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2020年09月15日 17:08:09   作者：填坑女俠  
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)頁面加載loading效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實(shí)為大家分享了javascript實(shí)現(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 width="100%" height="100%">
<tr> 
<form name=loading>
<td align=center> 
<p><font color=gray>正在載入首頁，請稍候.</font></p>
<p> 
<input type=text name=chart size=46 style="font-family:Arial; 
font-weight:bolder; color:gray;
 background-color:white; padding:0px; border-style:none;">
<br>
<input type=text name=percent size=46 style="font-family:Arial; 
color:gray; text-align:center; 
border-width:medium; border-style:none;">
<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è)計有所幫助。

相關(guān)文章

  • js contains方法實(shí)現(xiàn)代碼

    js contains方法實(shí)現(xiàn)代碼

    IE有許多好用的方法，后來都被其他瀏覽器抄襲了，比如這個contains方法。如果A元素包含B元素，則返回true，否則false。唯一不支持這個方法的是IE的死對頭firefox。
    2011-01-01
  • 一文總結(jié)JavaScript中常見的設(shè)計模式

    一文總結(jié)JavaScript中常見的設(shè)計模式

    在程序設(shè)計中有很多實(shí)用的設(shè)計模式，而其中大部分語言的實(shí)現(xiàn)都是基于“類”。在程序設(shè)計中有很多實(shí)用的設(shè)計模式，而其中大部分語言的實(shí)現(xiàn)都是基于“類”。，本文將總結(jié)了JavaScript中常見的十五種設(shè)計模式，感興趣的朋友可以參考下
    2023-05-05
  • 可拖拽組件slider.js使用方法詳解

    可拖拽組件slider.js使用方法詳解

    這篇文章主要為大家詳細(xì)介紹了可拖拽組件slider.js的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-12-12
  • js left,right,mid函數(shù)

    js left,right,mid函數(shù)

    在JAVASCRIPT中LEFT，RIGHT，MID函數(shù)的等價函數(shù)，非常適合經(jīng)常用寫asp的朋友
    2008-06-06
  • 簡單的JS輪播圖代碼

    簡單的JS輪播圖代碼

    這篇文章主要介紹了簡單的JS輪播圖實(shí)現(xiàn)方法，代碼簡單易懂，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
    2016-07-07
  • 微信小程序獲取當(dāng)前時間及星期幾的實(shí)例代碼

    微信小程序獲取當(dāng)前時間及星期幾的實(shí)例代碼

    這篇文章主要給大家介紹了關(guān)于利用微信小程序獲取當(dāng)前時間及星期幾的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-09-09
  • js的Boolean對象初始值示例

    js的Boolean對象初始值示例

    Boolean（邏輯）對象用于將非邏輯值轉(zhuǎn)換為邏輯值（true 或者 false）下面為大家介紹下js的Boolean對象初始值
    2014-03-03
  • Bootstrap 輪播(Carousel)插件

    Bootstrap 輪播(Carousel)插件

    Bootstrap 輪播（Carousel）插件是一種靈活的響應(yīng)式的向站點(diǎn)添加滑塊的方式。下面通過本文給大家介紹Bootstrap 輪播(Carousel)插件，非常不錯，需要的朋友參考下吧
    2016-12-12
  • ionic 自定義彈框效果

    ionic 自定義彈框效果

    這篇文章主要介紹了ionic 自定義彈框效果，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
    2017-06-06
  • javascript新建標(biāo)簽,判斷鍵盤輸入,以及判斷焦點(diǎn)(示例代碼)

    javascript新建標(biāo)簽,判斷鍵盤輸入,以及判斷焦點(diǎn)(示例代碼)

    這篇文章主要介紹了javascript新建標(biāo)簽,判斷鍵盤輸入,以及判斷焦點(diǎn)(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助
    2013-11-11

最新評論