如何设置Vue中自动检测长时间无操作而退出登录的功能?

2026-04-09 08:300阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计406个文字,预计阅读时间需要2分钟。

如何设置Vue中自动检测长时间无操作而退出登录的功能?

javascript// 创建一个.js文件,内容如下:

如何设置Vue中自动检测长时间无操作而退出登录的功能?

function checkHalfHour() { // 获取当前时间 const now=new Date(); // 获取半小时后的时间 const halfHourLater=new Date(now.getTime() + 30 * 60 * 1000); // 获取当前时间的小时和分钟 const hours=now.getHours(); const minutes=now.getMinutes(); // 判断是否已过半小时 if (hours <12 || (hours===12 && minutes < 30)) { // 如果当前时间小于12点或12点前半小时,则不执行操作 console.log(当前时间未过半点,请稍后再试。); } else { // 如果当前时间已过半点,则自动跳转到登录页面 window.location.href='/login'; }}

// 页面加载时检查是否已过半小时window.onload=checkHalfHour;

需求说明,后台有做半个小时不请求接口的话返回标识退出登录,但是要请求接口才行,现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。

阅读全文

本文共计406个文字,预计阅读时间需要2分钟。

如何设置Vue中自动检测长时间无操作而退出登录的功能?

javascript// 创建一个.js文件,内容如下:

如何设置Vue中自动检测长时间无操作而退出登录的功能?

function checkHalfHour() { // 获取当前时间 const now=new Date(); // 获取半小时后的时间 const halfHourLater=new Date(now.getTime() + 30 * 60 * 1000); // 获取当前时间的小时和分钟 const hours=now.getHours(); const minutes=now.getMinutes(); // 判断是否已过半小时 if (hours <12 || (hours===12 && minutes < 30)) { // 如果当前时间小于12点或12点前半小时,则不执行操作 console.log(当前时间未过半点,请稍后再试。); } else { // 如果当前时间已过半点,则自动跳转到登录页面 window.location.href='/login'; }}

// 页面加载时检查是否已过半小时window.onload=checkHalfHour;

需求说明,后台有做半个小时不请求接口的话返回标识退出登录,但是要请求接口才行,现在要实现前端用js判断半个小时不操作界面的话自动跳转到登录页面。

阅读全文