[关闭]
@duanjiebing 2017-04-19T03:19:20.000000Z 字数 342 阅读 160

一定时间无操作后跳回首页

工作-大屏


需求:用户在一定时间无操作后跳回首页

1.设置需要跳转的页面列表

将一些不需要跳转的页面配置成数组
页面初始化时,如果当前页面需要跳转,插入带有全局类名的倒计时容器并隐藏

2.绑定用户点击

设置全局变量,用于记录用户最后一次点击时间
在根节点上绑定点击事件,用户点击时将当前时间赋给全局变量

3.判断当前页面是否需要跳转

遍历需要跳转的页面列表
通过url截取判断当前页面是否需要跳转

4.开启定时器,计算用户最后点击距现在的时间

开启全局定时器
每次执行判断全局变量和当前时间的差值
如果差值大于需要显示的时间(120s-10s)且小于设定的跳转时间(120s),将拥有全局类名的倒计时容器显示,否则就隐藏
如果差值大于设定的时间并且当前页面需要跳转
将全局变量置为空
跳转至首页
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注