服务$http/$interval/$timeout-优快云博客

本文链接：https://blog.youkuaiyun.com/Ssssherry/article/details/78051672

本文介绍了AngularJS中三个重要的服务：$http用于发送HTTP请求，$interval用于周期性执行函数，而$timeout则用于延迟执行函数。通过具体的HTML和JavaScript代码示例，展示了如何在实际项目中运用这些服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

====================================================$http======================================================================

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="../js/angular.js"></script>
	<script>
		var app=angular.module("myApp",[]);
		app.controller("myCtrl",function($scope,$http){
			$http({
				method:"get",
				url:"myJson.json"
			}).then(function success(response){
			    $scope.arr=response;
			    $scope.name = response.data[2].name;
			  },function error(){
				$scope.name="error";
			}
				
			);
		
		
		
		});
	</script>
	<body ng-app="myApp" ng-controller="myCtrl">
		{{arr.data}}
	</body>
</html>

====================================================$interval==================================================================

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/angular.js" ></script>
		<script>
			var app = angular.module("myApp",[]);
			app.controller("myCtrl",function($scope,$interval){
				//获取当前系统的时间对象
				$scope.time = new Date().toLocaleTimeString();
				//设置定时器，每一秒调获得以下系统时间，复制给$scope.time
				$interval(function(){
					$scope.time = new Date().toLocaleTimeString();
				},1000,5);
			});
		</script>
	</head>
	<body ng-app="myApp" ng-controller="myCtrl">
		<p>当前时间为：{{time}}</p>
	</body>
</html>

====================================================$timeout===========================================================

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/angular.js" ></script>
		<script>
			var app = angular.module("myApp",[]);
			app.controller("myCtrl",function($scope,$timeout){
				//获取当前系统的时间对象
				$scope.name = "张三";
				//设置定时器，每一秒调获得以下系统时间，复制给$scope.time
				$timeout(function(){
					$scope.name = "李四";
				},3000);
			});
		</script>
	</head>
	<body ng-app="myApp" ng-controller="myCtrl">
		<p>{{name}}</p>
	</body>
</html>