javascript - 外部JavaScriptで画像表示を遅らせる方法

Question

私は外部スクリプトでそれをします：

var t=setTimeout(function(){document.write('<img src="/image.jpg" width="100" height="100" />')},10000)

次にメインページ：

<script type='text/javascript src='external.js' />

しかし、10秒後にメインページは完全なimage.jpgを表示するだけですが、メインページに画像を表示するにはどうすればよいですか？ありがとう

score 1 · Accepted Answer

document.writeページの読み込み後に呼び出すと、ページのコンテンツになります。を使用する代わりにdocument.write、ページ内の画像を通常のように非表示にして (css を使用)、ページが読み込まれてから 10 秒後に表示することができます。

score 1 · Accepted Answer

ページのレンダリング後に document.write を実行すると、現在のページは document.write("") で指定された内容で上書きされます。

タイムアウト時に画像を表示することが意図されている場合は、タイムアウト後に既存の画像の可視性を変更するか、document.createElement を使用して新しい画像要素を動的に作成できます。

2 に答える 2