gpt4 book ai didi

javascript - angular js计时器功能不适用于停止按钮

转载 作者:行者123 更新时间:2023-11-30 11:54:00 25 4
gpt4 key购买 nike

为此,我现在正在学习 angular js 我已经使用计时器函数 init 编写了带有 angular Js 的示例测试应用程序 ...每当我在浏览器中运行该应用程序时,我都能启动计数器,当我单击停止按钮时,我无法停止计时器下面是我的定时器功能代码..

<!DOCTYPE html>
<html lang="en-us" ng-app="myApp">
<head>
<title>Angularjs</title>
<script src="https://code.angularjs.org/1.5.8/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('myApp', []);
app.controller('NameCtrl', ['$scope','$interval', function ($scope,$interval) {

var i = 0;
var timer;
$scope.message = "Div is Refreshed at " + i + "seconds";
$scope.starttimer = function(){

timer= $interval(function(){

$scope.message = "Div is Refreshed at " + i + "seconds";
i++;
},1000)
}
$scope.stoptimer = function(){

if(angular.isUndefined(timer)){
$interval.cancel(timer);
timer = 'undefined';
$scope.message = "Timer is killed";
}
}
}])
</script>
</head>

<body>
<div ng-controller="NameCtrl">
<input type="button" id="btnStart" ng-click="starttimer()" value="Start" />
<input type="button" id="btnStop" ng-click="stoptimer()" value="Stop"/>
{{message}}
</div>
</body>

任何人都可以指出正确的方向以及我在上面的代码中做错的地方以停止计时器..

有没有人能帮忙解决这个问题..

最佳答案

stoptimer 函数中的 if 语句中的条件缺少否定:

if(angular.isUndefined(timer)){

应该是

if(!angular.isUndefined(timer)){

关于javascript - angular js计时器功能不适用于停止按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38613055/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com