html的angular获取本地时间和3秒后换另一个名字

本文通过两个实例展示了如何使用AngularJS中的$interval及$timeout服务来定时更新视图中的时间显示和文本内容，帮助开发者理解AngularJS中用于异步操作的服务。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="angular.js"></script>
    <script>
        var app = angular.module("myApp",[]);
        app.controller("myCtrl",function ($scope,$interval) {
            $scope.date = new Date().toLocaleTimeString();
            $interval(function () {
                $scope.date = new Date().toLocaleTimeString();
            },1000,5);
        });
    </script>
</head>
    <body ng-app="myApp" ng-controller="myCtrl">
    <p>当前时间为：{{date}}</p>


    </body>
</html>

---------------------------------------------------另一个

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="angular.js"></script>
    <script>
        var app = angular.module("myApp",[]);
        app.controller("myCtrl",function ($scope, $timeout) {
            $scope.name = "张三";
            $timeout(function () {
                $scope.name = "李四";
            },3000);
        })
    </script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <p>3s之后便秘：{{name}}</p>

</body>
</html>