Angular實(shí)現(xiàn)的簡(jiǎn)單定時(shí)器功能示例
本文實(shí)例講述了Angular實(shí)現(xiàn)的簡(jiǎn)單定時(shí)器功能。分享給大家供大家參考,具體如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.dbjr.com.cn 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)擊按鈕可見1秒之后按鈕上方的數(shù)字編程1。實(shí)現(xiàn)了簡(jiǎn)單的定時(shí)觸發(fā)功能。
更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》
希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。
相關(guān)文章
Angular實(shí)現(xiàn)二級(jí)導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了Angular實(shí)現(xiàn)二級(jí)導(dǎo)航欄,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03詳解Angular結(jié)合zTree異步加載節(jié)點(diǎn)數(shù)據(jù)
本篇文章主要給大家分享了Angular結(jié)合zTree異步加載節(jié)點(diǎn)數(shù)據(jù)的難點(diǎn)以及方法,有這方面需求的朋友參考下吧。2018-01-01angular學(xué)習(xí)之動(dòng)態(tài)創(chuàng)建表單的方法
這篇文章主要介紹了angular學(xué)習(xí)之動(dòng)態(tài)創(chuàng)建表單的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12詳解angularJs中自定義directive的數(shù)據(jù)交互
這篇文章主要介紹了詳解angularJs中自定義directive的數(shù)據(jù)交互,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-01-01Angular中點(diǎn)擊li標(biāo)簽實(shí)現(xiàn)更改顏色的核心代碼
這篇文章主要介紹了Angular中點(diǎn)擊li標(biāo)簽實(shí)現(xiàn)更改顏色的核心代碼,需要的朋友可以參考下2017-12-12AngularJS 表單驗(yàn)證手機(jī)號(hào)的實(shí)例(非必填)
下面小編就為大家?guī)硪黄狝ngularJS 表單驗(yàn)證手機(jī)號(hào)的實(shí)例(非必填)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11