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