2017-07-10 7 views
1

何かをクリックしてページをリロードできるコードを探しています。 私はウェブで本当に新鮮で、そのやり方を知らない。ユーザーが画像をクリックしたときにHtml5またはJqueryでページをリロードする方法

ユーザーが画像をクリックすると、画像がX秒間表示され、ページをリロードします(最初の位置:上へ)。

か、使用する準備ができてjQueryのアニメーションを知っていれば、あなたが私を助けることができることを期待して

を組み込むのは簡単だろう。ありがとう

答えて

3

イメージにonclick()ハンドラを添付してから、ウィンドウをリロードするだけです。遅延を実現するにはsetTimeout()を使用できます。次の例の3000は、3000ミリ秒または3秒に対応しています。あなたは、このことができます:)

document.getElementById("sample").onclick = function() { 
 
    setTimeout(function() { 
 
    location.reload(); 
 
    }, 3000); 
 
}
<img id="sample" src="http://placehold.it/100">

希望に合わせて調整することができます! :)

+0

を再ロードすること、それは設定タイムアウトを追加することは可能ですか?どうですか? – user3114471

+0

絶対に!私はちょうどこれをカバーするために私の答えを更新しました:) –

+0

母!私は同じ瞬間に自分自身でそれを見つけますが、あなたの助けをたくさんありがとう。 それと同じ方法で私を確認するのに役立ちます:) – user3114471

2

構文: location.reload(forceGet) 真forceGet =は、それがサーバーからリロードする意味ならば、偽 forceGet =が、それはそれは素晴らしいことだキャッシュから

<body> 

<img onclick="myFunction() src="<img src="https://i.stack.imgur.com/O5IqA.png" > 

<script> 
function myFunction() { 
    location.reload(); 
} 
</script> 

</body> 
関連する問題