我有一个HTML页面,其中有CSS动画,我想知道是否有一种方法,我希望页面重新加载3次,然后停止它。此外,当重新加载它3次,每次我希望它有一个延迟,例如第一次当我的网页加载它会播放动画,然后在所有的动画已经播放后,我希望它重新加载,所以某种延迟功能?
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值。
count
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/
2条答案
按热度按时间9lowa7mx1#
这里是你如何可以轻松做到这一点。
字符串
确保在最初测试后从本地存储中清除
count
值。wfypjpf42#
在页面加载时添加此内容。
字符串
如果有帮助就告诉我。这是纯粹的JavaScript,只是添加到您的页面,让我知道。链接http://jsfiddle.net/