Angular实现的简单定时器功能示例

2024-05-06 15:23:09

字体：大中小

来源：转载

供稿：网友

本文实例讲述了Angular实现的简单定时器功能。分享给大家供大家参考，具体如下：

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>www.Vevb.com Angular定时器</title>  <script src="angular.min.js"></script>  <script>    var myapp=angular.module("myapp",[]);    myapp.controller("myCtrl",function ($scope,$interval,$timeout) {      $scope.num=0;      $scope.fun=function () {//        $interval(function () {//          $scope.num++//        },1000)//        setInterval(function () {//          $scope.$apply(function () {//            $scope.num++;//            console.log($scope.num)//          })//        },1000);//                $interval(function () {////            $scope.num++;//            console.log($scope.num);////        },1000,5,false);        $timeout(function () {          $scope.num++;        },1000);      }    })  </script></head><body ng-app="myapp" ng-controller="myCtrl"><p>{{num}}</p><button ng-click="fun()">按钮</button></body></html>

运行代码，点击按钮可见1秒之后按钮上方的数字编程1。实现了简单的定时触发功能。

更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。

上一篇：详解如何优雅地在React项目中使用Redux

下一篇：浅谈vue-router 路由传参的方法