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

Question

我正在寻找可以使用户通过单击某些内容来重新加载页面的代码。我刚接触网络，不知道该怎么做。

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

或者，如果您知道可以使用的 JQuery 动画，那么合并起来会很容易

希望你能帮助我。谢谢

Answer 1

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

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

<img id="sample" src="http://placehold.it/100">

希望对您有所帮助！ :)

Answer 2

syntax: location.reload(forceGet) if forceGet=true means it reloads from server, forceGet=false means it reloads from cache

  <body>

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

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

</body>

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

How can I make the page reload with Html5 or Jquery when the user click on a picture

html

jquery

user-controls

reload