AngularJS之定时器(interval)
程序员文章站
2022-03-30 16:00:58
...
1、问题背景
设置一个定时器,每1秒改变count变量
2、实现源码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> AngularJS之定时器(interval)</title> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <script> var app = angular.module("inApp",[]); app.controller("inCon",function($scope,$interval){ $scope.count = 0; $interval(function(){ $scope.count++; },1000); }); </script> </head> <body ng-app="inApp" ng-controller="inCon"> <p> {{count}} </p> </body> </html>
3、实现结果
以上就是AngularJS之定时器(interval)的内容,更多相关内容请关注PHP中文网(www.php.cn)!
上一篇: 怎样局部更新Razor页面
下一篇: 前端面试经验总结
推荐阅读
-
详解angularJs模块ui-router之状态嵌套和视图嵌套
-
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
-
AngularJS中$interval的用法详解
-
浅谈AngularJs指令之scope属性详解
-
AngularJS实践之使用NgModelController进行数据绑定
-
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
-
AngularJS学习笔记之表单验证功能实例详解
-
深入探究AngularJs之$scope对象(作用域)
-
AngularJS入门心得之directive和controller通信过程
-
AngularJS模块学习之Anchor Scroll