jquery 你如何刷新一个页面或某些内容多次,然后停止?

ih99xse1  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(131)

我有一个HTML页面,其中有CSS动画,我想知道是否有一种方法,我希望页面重新加载3次,然后停止它。此外,当重新加载它3次,每次我希望它有一个延迟,例如第一次当我的网页加载它会播放动画,然后在所有的动画已经播放后,我希望它重新加载,所以某种延迟功能?

  • 谢谢-谢谢
9lowa7mx

9lowa7mx1#

这里是你如何可以轻松做到这一点。

const wait = (time) =>
    new Promise((resolve, _) => {
        setTimeout(() => {
            resolve();
        }, time);
    });

const reload = async (times = 5, delay = 1000) => {
    if (localStorage.getItem("count") === null) {
        localStorage.setItem("count", 0);
    }

    let count = parseInt(localStorage.getItem("count"));
    if (count > times - 1) {
        console.log("stopped refreshing...");
        return;
    }
    count++;
    localStorage.setItem("count", count);

    await wait(delay);
    window.location.reload();
};

reload();

字符串
确保在最初测试后从本地存储中清除count值。

wfypjpf4

wfypjpf42#

在页面加载时添加此内容。

<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/

相关问题