首頁 >web前端 >js教程 >使用Angular如何實現定時器功能

使用Angular如何實現定時器功能

亚连原創: 2018-06-14 16:43:532214瀏覽

這篇文章主要介紹了Angular實現的簡單定時器功能,結合實例形式分析了AngularJS定時器功能的簡單實現與使用技巧,需要的朋友可以參考下

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

<!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>

上面是我整理給大家的，希望今後會對大家有幫助。

詳細解讀Angular有關報錯404問題

在微信小程式中如何使用switch開關選擇器

在JavaScript中如何計算多邊形質心

#在Angular19中有關自訂表單控制項使用

以上是使用Angular如何實現定時器功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript angular switch 选择器微信小程序

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：透過JS如何實現延遲隱藏功能下一篇：透過JS如何實現延遲隱藏功能

看更多