html里的swal添加倒计时,使用甜蜜警报插件的setInterval函数倒计时

我试图实现倒计时到sweetAlert。在不活动20分钟后，会弹出甜蜜警报并显示会话即将超时，并且用户有两种选择：注销或继续，这将重新启动空闲计时器。当鼠标移动或点击时，空闲计时器也会重置。我的问题是，我希望在自动注销之前在60-0(秒)内在sweetAlert标题的范围(title: "Teie sessioon on aegumas sekundi pärast!",)中显示倒计时。我尝试了所有的方法，但没有奏效。倒计时显示，但没有重新启动。使用甜蜜警报插件的setInterval函数倒计时

任何帮助，将不胜感激。

$(document).ready(function() {

var idleTime = 0;

//Zero the idle timer on mouse movement

function timerIncrement() {

idleTime ++;

if (idleTime >= 5) { // For testing 5 seconds else 20 minutes

swal({

html: true,

title: "Teie sessioon on aegumas sekundi pärast!",

text: "Sessiooni pikendamiseks vajutage nuppu Jätka, välja logimiseks vajutage Välju." ,

type: "warning",

showCancelButton: true,

confirmButtonColor: "#DD6B55",

confirmButtonText: "Jätka",

cancelButtonText: "Välju",

timer: 60000, //3600

closeOnConfirm: false,

closeOnCancel: false }, function(isConfirm){

if (isConfirm) {

swal("Jätkatud!",

"Teie sessiooni pikendati 1 tunni võrra.",

"success");

} else {

swal("Väljutud",

"Teid suunatakse tagasi sisselogimis lehele",

"error"),

location.href = "logout.php?logout=true";

}

});

}

//Increment the idle time counter every minute.

var idleInterval = setInterval(timerIncrement, 1000); // 1 minute

$(this).mousemove(function (e) {

idleTime = 0;

});

$(this).keypress(function (e) {

idleTime = 0;

}

2016-03-01

raqulka

做你找到答案了吗？ –

@khakiout no sir。仍在试图弄清楚。有任何想法吗？ –

html里的swal添加倒计时,使用甜蜜警报插件的setInterval函数倒计时相关推荐

往map里的vector添加_面试官问我同步容器（如Vector）的所有操作一定是线程安全的吗？我懵了！...
为了方便编写出线程安全的程序,Java里面提供了一些线程安全类和并发工具,比如:同步容器.并发容器.阻塞队列等. 最常见的同步容器就是Vector和Hashtable了,那么,同步容器的所有操作都是线 ...
往map里的vector添加_面试官：同步容器（如Vector）的所有操作一定是线程安全的吗？...
专注于Java领域优质技术,欢迎关注作者:HollisChuang 为了方便编写出线程安全的程序,Java里面提供了一些线程安全类和并发工具,比如:同步容器.并发容器.阻塞队列等. 最常见的同步容器 ...
微信图片怎么添加竖排文字_如何给微信里的图片添加上文字和日期？
谢邀. 其实给微信里的图片添加文字和日期,有很多种方法,今天就给大家以华为手机为例,介绍一种最简单快捷的方法. 打开[相机],点击[更多],选择[水印],就可以在左下角添加水印了.自带的水印内容包括拍 ...
怎么把便签里的提醒添加到安卓手机日历？
便签软件是一种比较有用的辅助工具,使用者可以在便签软件中记录各种待办事项以及工作计划安排,有的功能比较全面的便签软件还具备提醒功能.在使用安卓手机的时候,怎么把便签里的提醒添加到安卓手机日历?有日历写 ...
js定时器介绍：倒计时定时器setTimeout、间隔定时器setInterval
1.定时器介绍在js里面,有两种定时器:倒计时定时器和间隔定时器 (1)倒计时定时器:倒计时多长时间以后执行函数语法:setTimeout(要执行的函数,多长时间以后执行) <script ...
jq的插件 vue中引用_详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文 ...
pandas在dataframe指定位置添加新的数据列、使用insert函数
pandas在dataframe指定位置添加新的数据列.使用insert函数目录 pandas在dataframe指定位置添加新的数据列.使用insert函数 #仿真数据
让按钮倒计时5秒以后才能再次点击提交倒计时按钮
让按钮倒计时5秒以后才能再次点击提交倒计时倒计时按钮 <script type="text/javascript"> var n = 0; var interval ...
分享超酷的添加图片悬浮特效jQuery插件 - Adipoli
日期:2012/03/08 在线演示本地下载今天分享一个帮助你添加图片悬浮特效的jQuery插件 - Adipoli,这个插件可以帮助你添加各种不同的悬浮特效到你指定的图片上,特别适合制作你的相 ...

html里的swal添加倒计时,使用甜蜜警报插件的setInterval函数倒计时

html里的swal添加倒计时,使用甜蜜警报插件的setInterval函数倒计时相关推荐

最新文章

热门文章