myTimer模块demo示例

52yaoer

myTimer模块，实现了iOS、安卓系统计时器功能，可以实现延时、循环。(注意：由于iOS后台进程的限制，本模块向iOS申请后台额外后台任务执行时间[后台执行时间在app进入后台瞬间能申请到，并在接口回调中返回]，如果定时器在申请时间内完成，模块正常调用，当超过申请时间则会被系统自动关闭回收。)

点击进入模块详情

<!DOCTYPE html>
<html>
<head>
<title>Module Develop</title>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<style type="text/css">
html, body {
height: 100%
}
body {
background-color: #fff;
margin: 0;
}
#wrap {
height: 100%;
position: relative;
}
#header {
padding-top: 20px;
background-color: #5082c2;
height: 44px;
position: relative;
}
#header h1 {
font-size: 20px;
height: 44px;
line-height: 44px;
margin: 0em;
color: #fff;
margin-left: 100px;
margin-right: 100px;
text-align: center;
}
#main {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
a.button {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 32px;
margin: 8px;
background-color: rgba(240,240,240,1.0);
border-color: rgba(220,220,220,1.0);
border-width: 2px;
border-style: solid;
}
a.active {
background-color: rgba(240,240,240,0.7);
}
.input1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 32px;
margin: 8px;
background-color: rgba(240,240,240,1.0);
border-color: rgba(220,220,220,1.0);
border-width: 2px;
border-style: solid;
}
</style>
</head>
<body>
<div id="wrap">
<div id="main">
<br />
<br />
<br />
<br />
<br />
<a class="button" tapmode="active" onclick="startTimer()">开始定时器</a>
<a class="button" tapmode="active" onclick="stopTimer()">停止定时器</a>
</div>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script>
var demo;
function startTimer() {
demo.startTimer({
step : 1,
isLoop : true
}, function(ret, err) {
api.toast({
msg : JSON.stringify(ret) + new Date().getTime()
});
});
}
function stopTimer() {
demo.stopTimer(function(ret, err) {
alert(JSON.stringify(ret));
});
}
function apiready() {
demo = api.require('myTimer');
}
</script>
</html>

复制代码

井景井 · 回复于2019-12-13 14:44:41

安卓熄屏以后计时器会被回收吗

52yaoer · 回复于2019-12-13 17:19:06

你可以试试，，如果系统让app进入后台暂停了。那就不行了