Angular實現(xiàn)的簡單定時器功能示例
更新時間：2017年12月28日 11:57:22 作者：當(dāng)愛0201
這篇文章主要介紹了Angular實現(xiàn)的簡單定時器功能,結(jié)合實例形式分析了AngularJS定時器功能的簡單實現(xiàn)與使用技巧,需要的朋友可以參考下
本文實例講述了Angular實現(xiàn)的簡單定時器功能。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>m.fzitv.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è)計有所幫助。
相關(guān)文章
angular 表單驗證器驗證的同時限制輸入的實現(xiàn)
表單驗證是經(jīng)常用到一個東西，這篇文章主要介紹了angular 表單驗證器驗證的同時限制輸入的實現(xiàn)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了Angularjs添加排序查詢功能的實例代碼,需要的朋友可以參考下2017-10-10
AngularJS 與Bootstrap實現(xiàn)表格分頁實例代碼
這篇文章主要介紹了AngularJS 與Bootstrap實現(xiàn)表格分頁的相關(guān)資料,并附實例代碼和實現(xiàn)效果圖，需要的朋友可以參考下2016-10-10
Angular實現(xiàn)的自定義模糊查詢、排序及三角箭頭標(biāo)注功能示例
這篇文章主要介紹了Angular實現(xiàn)的自定義模糊查詢、排序及三角箭頭標(biāo)注功能,涉及AngularJS針對頁面table元素的遍歷、查詢、判斷、排序等相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
使用yeoman構(gòu)建angular應(yīng)用的方法
下面小編就為大家?guī)硪黄褂脃eoman構(gòu)建angular應(yīng)用的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
AngularJs自定義服務(wù)之實現(xiàn)簽名和加密
AngularJS 是一個 JavaScript 框架，它可以通過 <script> 標(biāo)簽添加到 HTML 頁面。這篇文章主要介紹了AngularJs自定義服務(wù)之實現(xiàn)簽名和加密的相關(guān)資料,需要的朋友可以參考下2016-08-08
本文主要講解AngularJS表達式,這里整理了相關(guān)資料和提供示例代碼以及實現(xiàn)效果圖，有需要的小伙伴可以參考下2016-08-08
AngularJS iframe跨域打開內(nèi)容時報錯誤的解決辦法
這篇文章主要介紹了AngularJS iframe跨域打開內(nèi)容時報錯誤的解決辦法,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了AngularJS實現(xiàn)表單元素值綁定操作,結(jié)合具體實例形式分析了AngularJS針對表單元素屬性相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了Angular中的interceptors攔截器,需要的朋友可以參考下2017-06-06