执行功能,如果用户不按与x秒按钮

我使用的是像这样一个jQuery UI的对话框:

var $dialog; $(document).ready(function() { $dialog = $('<div></div>') .html('Are you awake?<br/><br/><button>Yes</button>') .dialog({ autoOpen: false, title: 'Inactivity Monitor' }); });

这个对话框显示,每20分钟,用户必须点击“是”继续。 我需要有运行的东西背后,所以如果用户没有在10分钟内点击“是”,另外一个功能是执行(请发送电子邮件至总行)。

我怎么能这样做呢?

感谢您的帮助

--------------解决方案-------------

你可以使用setTimeout();如果达成将执行该功能,您可以将其设置为一个变量,所以如果被点击的按钮您可以禁用定时器。 我设置了一个的jsfiddle向您展示如何:http://jsfiddle.net/SrwTP/

JavaScript的:

var buttonTimer = setTimeout("alert('Oh noes! you didnt click the button :(');", 5000);
document.getElementById("timerButton").onclick = function(){ clearTimeout(buttonTimer); };

HTML:

<button id="timerButton">Click me or an alert will popup in 5 seconds!</button>

您可以使用setTimeout来完成这件事。 有一个标志变量来识别用户的动作并验证它在间隔功能用于发送电子邮件。

对于例如:

后续的例子将显示每3秒钟警告框。

<html>
<head>
<script type="text/javascript">
function timeMsg()
{
var t=setTimeout("alertMsg()",3000);
}
function alertMsg()
{
alert("Hello");
}
</script>
</head>

<body>
<form>
<input type="button" value="Display alert box in 3 seconds"
onclick="timeMsg()" />
</form>
</body>
</html>

分类:JavaScript的 时间:2015-03-15 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.846 (s). 10 q(s)