[英]Execute a function every 30 seconds jquery mobile?
我有一个jquery手机差距应用程序。 我想每30秒执行一次用户停留在特定页面上的功能。
如果用户停留在特定页面上说第1页,我想每隔30秒执行一次功能,
用简单的话说
如果活动页面是page1 fire getmessages(),每30秒。
我如何实现这一目标
使用settimeinterval
检查这个演示
<div id="div2>
<input type="text" name="divText" value="q3"/>
</div>
setInterval(function() {
alert('HI')
}, 30000);
时间以毫秒为单位(1000 = 1秒)
你可以setInterval
。
码:
$(document).ready(function(){
function myFunction()
{
setInterval(function(){alert("Hello")},3000);
}
$('#click').click(function(){
myFunction()
})
})
HTML:
<p>Click the button to wait 3 seconds, then alert "Hello".</p>
<p>After clicking away the alert box, an new alert box will appear in 3 seconds. This goes on forever...</p>
<button id="click">Try it</button>
根据您的要求更换3000(3 sec) --> 30000 (30 sec)
。
如果您正在使用jQuery Mobile 1.4,则需要监听pagecontainershow
和pagecontainerhide
事件,以便根据页面id
执行间隔 。
检索这些事件上的页面id
,然后使用switch / case执行函数以及隐藏页面时的clearInterval
。
/* setInterval function's name */
var interval;
/* 1) On page show, retrieve page's ID and run checkPage()
2) On page hide, clearInterval() */
$(document).on("pagecontainershow", function () {
var activePage = $.mobile.pageContainer.pagecontainer("getActivePage")[0].id;
checkPage(activePage);
}).on("pagecontainerhide", function () {
clearInterval(interval);
});
/* Run function(s) based on page's ID */
function checkPage(page) {
switch (page) {
case "p1":
interval = setInterval(function () {
/* function(s) */
}, 30000);
break;
case "p2":
interval = setInterval(function () {
/* function(s) */
}, 30000);
break;
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.