我有一个小时后超时会话的页面。我需要在45分钟后显示弹出警报,然后在50-60分钟内使用JavaScript或jQuery(我不知道jQuery,但它是可用的)每分钟显示一次。在60分钟的时间内,我需要最终的消息通知用户页面将刷新。得到我的部分是如果显示一个弹出窗口,除了最后一个窗口之外,其他人都不应该关闭。即如果显示10分钟弹出窗口但不关闭2分钟,则9和8分钟弹出窗口不应该显示,但7分钟应该显示。仅在上一个弹出窗口关闭时才会显示多个JavaScript超时弹出窗口
到目前为止,我想出了一个被称为在页面加载的功能,但它是既丑陋和不工作:
// Alerts starting at 45 minutes into session, then from 10 - 1, and a final alert
var timerMultiplier = 10000; //used so I can change times in testing
var timeoutAlertAcknowledged = true; //a flag I've tried using to know when a box has been closed
function setTimeoutAlerts(){
if(document.getElementById("$!arsTO.getConstantValue('FIELD_NAME_ROW_COUNT')").value > 0){
var sessionWarningTime15=setInterval(function() {myTimer('warning',15, sessionWarningTime15)}, 270*timerMultiplier);
var sessionWarningTime10=setInterval(function() {myTimer('warning',10, sessionWarningTime10)}, 300*timerMultiplier);
var sessionWarningTime9=setInterval(function() {myTimer('warning',9, sessionWarningTime9)}, 306*timerMultiplier);
var sessionWarningTime8=setInterval(function() {myTimer('warning',8, sessionWarningTime8)}, 312*timerMultiplier);
var sessionWarningTime7=setInterval(function() {myTimer('warning',7, sessionWarningTime7)}, 318*timerMultiplier);
var sessionWarningTime6=setInterval(function() {myTimer('warning',6, sessionWarningTime6)}, 324*timerMultiplier);
var sessionWarningTime5=setInterval(function() {myTimer('warning',5, sessionWarningTime5)}, 330*timerMultiplier);
var sessionWarningTime4=setInterval(function() {myTimer('warning',4, sessionWarningTime4)}, 336*timerMultiplier);
var sessionWarningTime3=setInterval(function() {myTimer('warning',3, sessionWarningTime3)}, 342*timerMultiplier);
var sessionWarningTime2=setInterval(function() {myTimer('warning',2, sessionWarningTime2)}, 348*timerMultiplier);
var sessionWarningTime1=setInterval(function() {myTimer('warning',1, sessionWarningTime1)}, 354*timerMultiplier);
var sessionEndTime=setInterval(function() {myTimer('timesUp',0, sessionEndTime)}, 360*timerMultiplier);
}
}
//Create popup alerts
function myTimer(type, time, timerVariable) {
clearInterval(timerVariable); //clear current timer variable so it only occurs once
if(type == 'warning' && timeoutAlertAcknowledged == true){
timeoutAlertAcknowledged = false;
alert("WARNING: Your session will expire in "+ time +" minutes.");
}
else if(type == 'timesUp'){
alert("The session has expired. The page will now be refreshed.");
pageRefreshMethod();
}
}
1)使用的setTimeout 2.设置函数内部的下一个超时你超时3调用)不要使用警报,而是显示并隐藏绝对位置或位置:固定div或甚至可以移动或解散的对话框 – mplungjan