本文實(shí)例講述了Angular實(shí)現(xiàn)的簡(jiǎn)單定時(shí)器功能。分享給大家供大家參考,具體如下:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>m.survivalescaperooms.com Angular定時(shí)器</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>運(yùn)行代碼,點(diǎn)擊按鈕可見(jiàn)1秒之后按鈕上方的數(shù)字編程1。實(shí)現(xiàn)了簡(jiǎn)單的定時(shí)觸發(fā)功能。
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《AngularJS指令操作技巧總結(jié)》、《AngularJS入門(mén)與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選