如何多次刷新页面或某些内容然后停止？答案

【问题标题】：How do you refresh a page or certain content for a number of times and then stop?如何多次刷新页面或某些内容然后停止？
【发布时间】：2015-09-23 12:44:05
【问题描述】：

我有一个带有 CSS 动画的 HTML 页面，我想知道是否有一种方法可以让页面重新加载 3 次然后停止它。此外，当重新加载它 3 次时，每次我希望它有一个延迟，例如，当我的页面第一次加载时它会播放动画，然后在播放完所有动画之后，我希望它再次重新加载所以某种延迟函数？

谢谢。

【问题讨论】：

为什么不让 CSS 动画循环 3 次？
你可以试试setTimeout，同时设置一个带有页面重载计数的cookie。
@JonathonBlok 那行不通，因为我有几个不同类的动画，而且我正在使用 Daniel Eden 的 animate.css。我不知道如何把它做成一个完整的动画然后循环播放，如果你明白我想说的话？
@Swaprks 可以举个例子吗？
@Dorvalla 我试过但它每 20 秒重新加载一次页面......然后我尝试使用这个 -webkit-animation -迭代计数：3；但是因为我有许多其他动画，所以当我希望将其视为一个整体时，它会将一个动画视为一个单独的动画。

标签： javascript jquery html reload

【解决方案1】：

在页面加载时添加。

<script>   

    var timeinmilliseconds = 3000;
    var reloadCnt = window.sessionStorage.getItem( "reloadCounter") ? parseInt(window.sessionStorage.getItem( "reloadCounter")) + 1 : 1;

    window.sessionStorage.setItem( "reloadCounter", reloadCnt )
    console.log(reloadCnt);
    if ( reloadCnt <= 3 )
      setTimeout(function(){ window.location.reload(true) }, timeinmilliseconds);
</script>

如果这有帮助，请告诉我。这是纯 javascript，只需将其添加到您的页面并让我知道。这是链接http://jsfiddle.net/

【讨论】：

我会使用 session storage 而不是 cookie。信息不需要发送到服务器。
@Swaprks 我可以将此代码复制并粘贴到 Html 中吗？它是否可以正常工作或者我需要更改什么？
@ViratKohli 如果您包含 jquery 库并且希望页面在 3 秒后重新加载，您可以将其添加到脚本标签中，它会起作用
@Swaprks 这是正确的吗？
没有。我认为您对此很陌生。