页面重新加载后继续功能

Question

function test() {
	console.log("Hi");
	setTimeout(function() {
		location.reload();
		console.log("Hi2");
	}, 1000);
}
test();

大家好，我想知道我是否有机会继续功能/保存功能的进度？我这到底是什么意思？看看上面的代码。如您所见，我有一个简单的控制台.log，之后我设置了 1 秒的超时，然后我正在重新加载页面。我不清楚页面重新加载后的控制台.log不起作用，这是我的问题。是否可以在页面重新加载后运行该控制台.log而不会触发第一个控制台.log？

Answer 1

这里有一种方法，我会这样做：使用 localStorage

localStorage.messages = [];   //define an array to store all your messages
localStroage.messages.push('Hi');
localStroage.messages.push('Hi 2');
// don't call that line more than once, otherwise it will wipe out existing data


function test() {
    check_messages();
    setTimeout(function() {
        location.reload();
        check_messages();
    }, 1000);
}
function check_messages() {
    if (localStorage.messages.length>0) {
         alert(localStorage.messages[0]); //display the message
         localStorage.messages.splice(0,1);  //get rid of it
    }
}
test();