AngularJS 定时器(获取当前日期)

╰半夏微凉° 2022-07-12 08:14 181阅读 0赞

<!DOCTYPE html>
    <html lang="en" ng-app="App">
    <head>
    	<meta charset="UTF-8">
    	<title>AngularJS 服务</title>
    </head>
    <body>
    	<div ng-controller="DemoController">
    		<ul>
    			<li>{
       {msg}}</li>
    			<li>{
       {now|date: 'yyyy-MM-dd hh:mm:ss'}}</li>
    			<li><button ng-click="stop()">停</button></li>
    		</ul>
    	</div>
    	<script src="./libs/angular.min.js"></script>
    	<script>
    		var App = angular.module('App', []);
    
    		App.controller('DemoController', ['$scope', '$timeout', '$interval',function ($scope, $timeout, $interval) {
    
    			$timeout(function () {
    				// console.log('执行了');
    				$scope.msg = '执行了';
    
    			}, 3000);
    
    			// var i = 0;
    
    			var timer = $interval(function () {
    
    				// console.log(++i);
    				$scope.now = new Date;
    
    			}, 1000);
    
    			$scope.stop = function () {
    				$interval.cancel(timer);
    			}
    
    		}]);
    
    	</script>
    
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关获取当前日期

var myDate = new Date(); var nowDate = myDate.getFullYear(); nowDate

痛定思痛。/ 2022年12月23日 09:49/ 0 赞/ 345 阅读

相关 js获取当前日期

<script> $().ready(function()\{ document.getElementById("year").innerHTML= New Date()

素颜马尾好姑娘i/ 2022年07月24日 03:16/ 0 赞/ 370 阅读

相关 AngularJS 定时器(获取当前日期)

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta charset="UTF

ゝ一纸荒年。/ 2022年07月12日 08:14/ 0 赞/ 201 阅读

相关 AngularJS 定时器(获取当前日期)

<!DOCTYPE html> <html lang="en" ng-app="App"> <head> <meta charset="UTF

╰半夏微凉°/ 2022年07月12日 08:14/ 0 赞/ 182 阅读

相关 js获取当前日期

function getNowFormatDate() \{ var date = new Date(); var seperator1 = "-"

小咪咪/ 2022年06月14日 03:15/ 0 赞/ 403 阅读

相关 js获取当前日期

//获取当前时间，格式YYYY/MM/DD function getNowFormatDate() { var date = new Date

忘是亡心i/ 2022年05月09日 01:04/ 0 赞/ 548 阅读

相关 js获取当前日期

格式为：YYYY-MM-DD / 获得当前日期（年-月-日） / function getCurrDate() { var date = new

蔚落/ 2022年04月24日 06:16/ 0 赞/ 482 阅读

相关 scala 获取当前日期

转自：版权声明：本文为博主原创文章，出处为 http://blog.csdn.net/silentwolfyh https://blog.csdn.net/silentwolf

心已赠人/ 2022年04月08日 13:39/ 0 赞/ 700 阅读

相关 javascript获取当前日期

javascript获取当前日期

朱雀/ 2020年05月10日 16:27/ 0 赞/ 1174 阅读

相关 javascript获取当前日期

function getDateString(date) { // 获取传入的时间，若没有传值则取当前时间 ...

朱雀/ 2020年05月07日 09:02/ 0 赞/ 1195 阅读