不要复位超时上刷新

Question

我创建了在线考试样在我的应用程序的应用程序和

当启动按钮用户点击，我们要为3:00分钟，同时使用

显示计时器setTimeout(func,3*60*1000)

但是当我刷新timout功能重置页面，如何制止这种

在我的应用程序是如何做到这一点，这是一个必须具备的功能。

Javascript或jQuery的东西欢迎

Answer 1

如果你需要在一个万无一失的方法是，用户不能乱动，你必须设置定时器服务器端来实现这一目标。

如果不是那很重要，那么您可以将启动时间存储在localStorage中，并且在页面加载时使用该值从其开始位置恢复定时器。

var oldStartTime = localStorage.getItem('startTime'); 
var startTime = oldStartTime ? new Date(oldStartTime) : new Date(); 
localStorage.setItem('startTime', startTime); 

// you can now use startTime to determine the remaining duration for setTimeout: 

var elapsed = new Date() - startTime; 
var duration = 180000 - elapsed; 

setTimeout(myFunction, duration); 

既然你说这是一个考试，但我认为你希望人们不能作弊。如果是这种情况，那么单单用客户端Javascript完全没有办法做到这一点。用户总是可以在自己的浏览器中“篡改”它。