[APICloud实用教程]简易实现定时处理操作

APICloud简易实现定时处理操作

在APICloud开发中，当我们想要定时去处理信息时，比如10s去获取一下消息，我们直接可以用setInterval函数，其使用方法和标准JS相同。代码如下：做了一个秒表，一秒累加一次。

代码如下

var num = 0;
setInterval(function() {
      num += 1;
      $api.html($api.byId("textId"), num);
}, 1000);

也可以这样写，更加通俗易懂：

var num = 0;
function addM() {
     num += 1;
     $api.html($api.byId("textId"), num);
 }
 setInterval("addM()", 1000);

最后一句换成setInterval(addM, 1000);也是可以的
但是注意不可以写成setInterval(addM(), 1000);会无法正确执行的

预览结果
完整代码

<!DOCTYPE html>
<html>

<head>
    <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" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>消息Frame</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <style>
        body {}

        html,
        body {
            height: 100%
        }

        body {
            background-color: #fff;
            margin: 0;
        }
    </style>
</head>

<body>
    <div id="wrap">
        <div class="">计时器测试
        </div>
        <div class="" id="textId">
        </div>
    </div>
</body>

<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">

    apiready = function() {

    }
    var num = 0;
    function addM() {
        num += 1;
        $api.html($api.byId("textId"), num);
    }
    setInterval("addM()", 1000);

</script>

</html>

[APICloud实用教程]简易实现定时处理操作

APICloud简易实现定时处理操作

猜你喜欢