AngularJS停止定时器

最新推荐文章于 2024-05-10 09:42:35 发布

翱翔天地

最新推荐文章于 2024-05-10 09:42:35 发布

阅读量5.8k

点赞数

分类专栏： AngularJS JavaScript 文章标签： angularjs JavaScript

本文链接：https://blog.csdn.net/you23hai45/article/details/52771974

版权

本文介绍了如何在AngularJS中创建一个定时器，并实现开始、停止和重置功能。通过设置变量startData和endData进行计时，并在停止时暂停减少的计数，重置时恢复初始数据。

摘要由CSDN通过智能技术生成

1、问题背景

设置一个定时器，给定两个变量startData和endData，计时开始后分别减去5和50；单击停止暂停定时器，重置后数据恢复到原来的数据。

2、实现源码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AngularJS停止定时器</title>
		<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
		<script>
			var app = angular.module("intervalApp",[]);
			app.controller("intervalController",["$scope","$interval",function($scope,$interval){
				$scope.startData = 100;