h5一键生成小程序_Angular完成的简略定时器功用示_自助建站_网站建设_免费建站_免费网站_H5智能建站

自助建站_网站建设_免费建站_免费网站_H5智能建站 移动版

建站首页 > 公司动态 >

h5一键生成小程序_Angular完成的简略定时器功用示

Angular实现的简单定时器功能示例       这篇文章主要介绍了Angular实现的简单定时器功能,结合实例形式分析了AngularJS定时器功能的简单实现与使用技巧,需要的朋友可以参考下
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秒之后按钮上方的数字编程1。实现了简单的定时触发功能。

更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《》、《》及《》

希望本文所述对大家AngularJS程序设计有所帮助。


(责任编辑:admin)