当用户单击图片时，如何使用 Html5 或 Jquery 重新加载页面答案

【问题标题】：How can I make the page reload with Html5 or Jquery when the user click on a picture当用户单击图片时，如何使用 Html5 或 Jquery 重新加载页面
【发布时间】：2017-12-14 20:31:53
【问题描述】：

我正在寻找可以让用户通过单击某些内容来重新加载页面的代码。我对网络真的很陌生，不知道该怎么做。

当用户点击图片时，它将显示图片 X 秒，然后重新加载页面（到初始位置：顶部）。

或者，如果您知道可以使用的 JQuery 动画，则很容易合并

希望你能帮助我。谢谢你

【问题讨论】：

标签： jquery html user-controls reload

【解决方案1】：

语法： location.reload(forceGet) 如果 forceGet=true 意味着它从服务器重新加载， forceGet=false 表示从缓存中重新加载

  <body>

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

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

</body>

【讨论】：

【解决方案2】：

您所要做的就是将onclick() 处理程序附加到图像，然后重新加载窗口。要实现延迟，您可以使用setTimeout()。以下示例中的 3000 与 3000 毫秒或 3 秒相关。你可以调整以适应:)

document.getElementById("sample").onclick = function() {
  setTimeout(function() {
    location.reload();
  }, 3000);
}

&lt;img id="sample" src="http://placehold.it/100"&gt;

希望这会有所帮助！ :)

【讨论】：

太好了，可以加一个设置超时吗？请问怎么样？
绝对！我刚刚更新了我的答案以涵盖这一点:)
哈哈！我自己同时找到了它，但非常感谢您的帮助。并且以同样的方式帮助我验证我的:)
没问题；很高兴你解决了。是的，当您从逻辑上考虑它时，这并不太难；）