如何在html中添加超时和位置分配代码？[等候接听]
如何在html中添加超时和位置分配代码？[等候接听]
提问于 2019-06-05 23:33:54
基本上，我正在尝试编写一个基本的HTML网站。但是，我以前从来没有真正做过这件事并且很糟糕。我需要：
- 使网站超时10分钟 - 所以当打开倒数十分钟时，网站上会出现一个倒计时
- 一旦计时器用完，用户将被重定向到另一个站点
- 我还需要为页面添加边距。
我一直只是在Mac上的TextEdit上编写代码。
回答 1
Stack Overflow用户
发布于 2019-06-06 09:20:38
站点超时应该发生在ServerSide而不是客户端。对于ServerSide超时，您可以使用Sessions来实现此目的。如果您希望使用此ClientSide，请使用以下JavaScript代码：
(function(){
var timeConnected = new Date();
if (localStorage.getItem('TimeConnected')) {
timeConnected = new Date(localStorage.getItem('TimeConnected'));
} else {
localStorage.setItem('TimeConnected', timeConnected);
}
setInterval(function(){
var timeNow = new Date();
var secondsPassed = Math.floor((timeNow.getTime() - timeConnected.getTime()) / 1000);
if (secondsPassed > 600) {
localStorage.removeItem('TimeConnected');
window.location = 'http://www.yourwebsite.com/YourRedirectLink.html';
} else {
var minutes = Math.floor(secondsPassed / 60);
var seconds = (secondsPassed - minutes * 60);
document.getElementById('countDownTimer').innerText = (10 - minutes) + ':' + (60 - seconds);
}
}, 1000);
})();
利用localStorage防止页面刷新重新启动计时器。要添加边距，您可以简单地将样式标记添加到所需元素：
<h1 style="margin:10px;" id="countDownTimer">Hello World</h1>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100006936
复制相关文章
相似问题
腾讯云开发者
