Angular實現(xiàn)的簡單定時器功能示例

發(fā)布時間：2020-08-22 19:47:58 來源：腳本之家閱讀：444 作者：當愛0201 欄目：web開發(fā)

本文實例講述了Angular實現(xiàn)的簡單定時器功能。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net 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秒之后按鈕上方的數(shù)字編程1。實現(xiàn)了簡單的定時觸發(fā)功能。

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對大家AngularJS程序設(shè)計有所幫助。

向AI問一下細節(jié)

Angular實現(xiàn)的簡單定時器功能示例

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽