JavaScript显示网页当前系统时间

最新推荐文章于 2023-11-30 16:55:10 发布

柚子橘子

最新推荐文章于 2023-11-30 16:55:10 发布

阅读量198

点赞数

分类专栏：网页前端 js 文章标签： js入门2

本文链接：https://blog.csdn.net/qq_43469862/article/details/102767470

版权

网页前端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

1.用到var element = new Object();
eq:var date = new Date();然后引入date.get方法
eq:date.getFullYear();date.getMonth();date.getDate();date.getHours();
date.getMinutes();date.getSeconds();
通过这些date.get方法得到当前时间值
注意

date.getMonth();得到的是前一个月值，所以var month = date.getMonth()+1;
由于此处得到的是数字效果如：2019-2-3 而不是 2019-02-03 所以我们人为添加三段式判断month>10或<10从而改变字符串

var month = date.getMonth();
month = month>10?month:"0"+month;//注意 月，日，分，秒都需要
//关于星期
var week = date.getDay();
week = "日一二三四五六".charAt(week);//运用的到string.charAt();

2.在网页中显示出来

<body>
	<span id="time"></span>
	<script>
		var current = year+'-'+month+'-'+day+' '+'星期'+week+' '+hour+':'+min+':'+sec;
		document.getElementById("time").interHTML = current;
	</script>
</body>

3.轮播功能
setInterval(函数，时间）；setInterval(alert(“你好”),1000);每隔1秒执行alert();
clearInterval(id);setInterval();返回一个id值,将这id值传给clearInterval(id);可实现停留功能；
4.document.其他功能

<script>
//1.不需要获取标签绑定事件
document.onclick = function(event){
	console.log(event.keyCode);
}
//2.获取标签绑定事件
document.getElementById("button").onclick = function(){
	alert("点击了");
}
//3.增加器绑定
document.getElementById("button").addEventListener('click',function(){
});
</script>