取消 $timeout

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

$timeout 服务在倒计时的时候会返回一个 promise ,使用这个 promise 我们可以取消倒计时。先打开 app.js .. 这里我们可以给 $timeout 返回来的 promise 起个名字,再把它放到 $scope 上面 ... $scope.timer ... 使用它我们就可以取消倒计时 ..

在下面的 gameOver 这个函数里面,使用 $timeout 的 cancel 方法 ... 然后把 $timeout 返回来的 promise 作为这个方法的一个参数 ... 这里就是 $scope 上面的 timer ...

这样执行 gameOver 的时候,会先取消掉倒计时 ... 保存 ... 下面我们在 index.html 上面再去添加一个按钮,让这个按钮可以去执行 gameOver ...

打开 index.html ,在这个 UserController 里面,再用一个 button 标签 ... 按钮上的文字是 取消游戏 ... 加上一个 ng-click ... 点击这个按钮要做的就是去执行 gameOver ...

保存 ... 到浏览器上再去试一下 ... 点击 开始游戏 ... 这样倒计时三秒钟以后,会去执行 gameOver ... 刷新一下这个页面 ... 再点一下这个 开始游戏 ... 接着再点一下 结束游戏 ... 这样会立即执行 gameOver ... 它会先取消 gameOn 里面的倒计时 ... 然后在控制台上输出 游戏结束 ...

取消 $timeout《 AngularJS 基础 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点