0

ウェブページの本文の読み込みを遅らせる JavaScript 関数を探しています。HTML の背景を 1 秒または 2 秒間表示してから、本文のコンテンツを表示したいと考えています。助けが必要。ありがとう

4

5 に答える 5

3

次の例のように、jquery（私はJquery 1.7.1バージョンを使用しています）で.delay（）関数を使用できます。

 $(selector).delay(2000).fadeIn("slow");
于 2012-05-08T07:50:45.370 に答える
1

本文コンテンツの読み込みを遅らせることはできませんが、コンテンツの上に div を配置して (絶対配置と z-index を使用)、その上に表示され、2 秒経過するまでコンテンツを非表示にすることができます。次に、オーバーレイ div を非表示にできます。

ここに実際の例があります: http://jsfiddle.net/jfriend00/Ru6tk/ここで、HTML、CSS、および JavaScript を確認できます。

または、本体のコンテンツを独自の div 内に配置し、display: none最初の CSS を介してその div を設定すると、他のコンテンツが最初に表示され、2 秒後にメインの div を表示して他の div を非表示にすることができます。背景を非表示にしてメイン コンテンツを表示します。

于 2012-05-08T06:14:40.203 に答える
1

ページの読み込みを止めることはできません。ただし、指定した時間までコンテンツのメイン コンテナを非表示にすることで、強制的にスプラッシュ スクリーンを表示できます。

<div id="bg">
  <div id="container" style="display:none">
  -- your content goes here -- 
  </div>
</div>
<script type="text/javascript">
// use setTimeout to show #container
</script>
于 2012-05-08T05:57:51.150 に答える
1

次の手順を実行します

1) コンテンツの上に div を配置し、それを css プロパティ display:none like に設定します

&lt;body&gt;
&lt;div id="wrapperdiv" style="display:none;"&gt;
......<br/>
&lt;/div&gt;
&lt;/body&gt;
<br/>

2) ページの body タグに、次のような onload 関数を追加します。

 <body onload="displaypage()">;

3) body タグの下に次のようなスクリプトを追加します。

<script type="text/javascript">;
function displaypage()
{<br/>
var t=setTimeout("displaydiv()",3000);//Number of seconds *1000, Currently its **3** seconds 
}
function displaydiv()
{
document.getElementById("wrapperdiv").style.display='block';
}    
</script>;



実際の例 

<html>
<head>
<title>Test Delay Display Page By IuR</title>
</head>
<body onload="displaypage()">
<script type="text/javascript">
function displaypage()<br/>
{
var t=setTimeout("displaydiv()",3000);// it will Delay for 3 seconds
}

function displaydiv()
{
document.getElementById("wrapperdiv").style.display='block';
}

</script>
<div id="wrapperdiv" style="display:none;height:500px;width:300px;background-color:red;">
</div>

</body>
</html>
于 2012-05-08T08:22:40.283 に答える