html秒表

最新推荐文章于 2021-06-25 18:13:59 发布

Caolilu1107

最新推荐文章于 2021-06-25 18:13:59 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/Caolilu1107/article/details/77865790

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>秒表</title>
    <script src="dsadas/jquery-3.2.1.js"></script>
    <script src="dsadas/angular1.4.6.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myController">
<span ng-bind="clock"></span>
<button ng-bind="butn" ng-click="clocker()"></button>
<script>
    var myApp=angular.module("myApp",[]);
    var controller=myApp.controller("myController",function ($scope) {
       $scope.clock=0;
       $scope.butn="开始";
       var timer;
       $scope.clocker=function () {
           if ($scope.butn == "开始") {
               $scope.butn = "继续";
               timer = setInterval(function () {
                   $scope.$apply($scope.clock--);
               }, 1000);
           }
           else{
               $scope.butn="开始";
               clearInterval(timer)
               }
       };
    });
</script>
</body>
</html>

Caolilu1107

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html秒表

html>html lang="en">head> meta charset="UTF-8"> title>秒表title> script src="dsadas/jquery-3.2.1.js">script> script src="dsadas/angular1.4.6.min.js">script>head>body ng-app="myApp" n
复制链接

扫一扫