javascript - 如何通过点击事件或在 native 脚本中离开页面来停止timer.setinterval

Question

我有一个计数器，该计数器在加载页面时启动，并在 time == 0 触发对话框并导航到另一个页面时停止。但我也想在用户点击按钮或放弃并离开页面时停止它。

下面是我的代码，用于启动计时器并在时间 === 0 时结束计时器

var timeKeep = vm.time;
var count = 0;

countId = timer.setInterval(() => {
    timeCountDown();
    count += 1;
    if (count === timeKeep) {
        timer.clearInterval(countId);
        dialogs.alert({
            message: "Time Up!",
            okButtonText: "OK"
        });
        aemnavigation.goResults(vm.correct);
    }
}, 1000);   */

Answer 1

var timeKeep = vm.time;
var count = 0;

var countId = timer.setInterval(() => {
    timeCountDown();
    count += 1;
    if (count === timeKeep) {
        timer.clearInterval(countId);
        dialogs.alert({
            message: "Time Up!",
            okButtonText: "OK"
        });
        aemnavigation.goResults(vm.correct);
    }
}, 1000);  


exports.onButtonTap = function() {
  timer.clearInterval(countId);
  /** Do whatever else you need to **/
}

exports.onNavigatingFrom = function() {
  timer.clearInterval(countId);
}

在 JS 文件的声明式 UI XML 中:

<Page navigatingFrom="onNavigatingFrom">
  <Button tap="onButtonTap" text="Click Me"/>
</Page>

我也会向您推荐 timer.clearInterval(countId) 函数验证 countId 仍然有效；并在清除间隔后使其失效；这样你就不会遇到任何奇怪的极端情况。