Data对象与定时器

最新推荐文章于 2022-02-25 23:07:38 发布

Chtide

最新推荐文章于 2022-02-25 23:07:38 发布

阅读量183

点赞数

分类专栏： js学习文章标签： javascript

本文链接：https://blog.csdn.net/chdetective/article/details/115118523

版权

js学习专栏收录该内容

13 篇文章 0 订阅

订阅专栏

文章目录

一、javaScript对象编程
- 1.Date对象
二、实践
- 1.date使用
- 2.定时器
总结

一、javaScript对象编程

1.Date对象

Data对象是用于处理时间和日期。
其基本格式为：

var myDate = new Date()

date对象中有许多常用的方法

二、实践

1.date使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var myData = new Date();
			document.write(myData.toLocaleDateString());
		</script>
	</body>
</html>

运行结果：
在这里插入图片描述

2.定时器

javaScript提供了两个定时器函数:setTimeout()和setInterval()
(1)setTimeout()
setTimeout()用于在指定的毫秒后调用函数或计算表达式。
setTimeout(“调用的函数名称”，“等待的毫秒数”)

(2)setInerval()
setInerval()可以按照指定的周期（毫秒计）来调用函数或计算表达式。
setInerval(“调用的函数名称”,“周期性调用函数之间间隔的毫秒数”)
setInerval()会不停的调用函数，直到窗口被关闭或使用clearInterval()清除定时器.

代码如下（示例）：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<p id="time"></p>
		<script type="text/javascript">
			function showTime(){
				var myDate = new Date();
				var hour = myDate.getHours();
				var minutes = myDate.getMinutes();
				var seconds = myDate.getSeconds();
				if(hour < 10){
					hour = "0" + hour;
				}
				if(minutes < 10){
					minutes = "0" + minutes;
				}
				if(seconds < 10){
					seconds = "0" + seconds;
				}
				document.getElementById("time").innerHTML = "当前时间为: " +
				hour + ":" + minutes + ":" + seconds;
				setTimeout("showTime()", 1000);
			}
			window.onload = showTime;
		</script>
	</body>
</html>

运行结果:
在这里插入图片描述

总结

以上就是我对Date()对象的摘要与总结

Chtide

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Data对象与定时器

文章目录一、javaScript对象编程1.Date对象二、实践1.date使用2.定时器总结一、javaScript对象编程1.Date对象Data对象是用于处理时间和日期。其基本格式为：var myDate = new Date()date对象中有许多常用的方法二、实践1.date使用<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>&lt
复制链接

扫一扫