angular 实现等待一段时间显示文字

来源:互联网 发布:淘宝开店店宝宝可靠吗 编辑:程序博客网 时间:2024/06/06 00:12

一.使用angular实现得到当前时间以及规定多少时间后显示数据

二.实现代码

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <script type="text/javascript" src="angular-1.3.0.js"></script>    <title></title></head><body ng-app="myApp"><div ng-controller="myCtrl">    <div>{{ nowtime }}</div>    <div>等待5秒显示的文字:{{ mytext }}</div></div><script>    var nowtime = function () {        return new Date().toLocaleDateString() + " " + new Date().toLocaleTimeString();    };    var app = angular.module("myApp", []);    app.controller("myCtrl", function ($scope, $interval, $timeout) {        $interval(function () {            $scope.nowtime = nowtime();        }, 1000);        $timeout(function () {            $scope.mytext = "Java B C";        }, 5000);    });</script></body></html>


原创粉丝点击