JavaScript-电子表

最新推荐文章于 2023-01-12 12:50:34 发布

羽羊

最新推荐文章于 2023-01-12 12:50:34 发布

阅读量631

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了两种使用JavaScript在网页上实现实时显示日期和时间的方法。第一种通过编写详细的日期格式化函数并利用setInterval定期更新时间；第二种采用更简洁的方式，直接调用toLocaleString方法并设置自动更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
	<title>时间</title>
</head>
<body>
	<p id="time"></p>
	<script language="JavaScript"> 
		<!--
		
		var func = function(){
			var enabled = 0; today = new Date(); 
			var day, date;
			if(today.getDay()==0) day = "星期日" 
			if(today.getDay()==1) day = "星期一" 
			if(today.getDay()==2) day = "星期二" 
			if(today.getDay()==3) day = "星期三" 
			if(today.getDay()==4) day = "星期四" 
			if(today.getDay()==5) day = "星期五" 
			if(today.getDay()==6) day = "星期六" 
			date = (today.getFullYear()) + "年" 
				+ (today.getMonth() + 1 ) + "月" 
				+ today.getDate() + "日 "
				+ today.getHours() + "时"
				+ today.getMinutes() + "分"
				+ today.getSeconds() + "秒 ";
				+ day;
						
			document.getElementById("time").innerHTML = date;
		}
		
		setInterval("func()",1000); 
		
		func();
		
		//--> 
		</script>
</body>
</html>

第二种就更简单啦

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>电子时间</title>
<script type='text/javascript'>
   setInterval('document.all.time.innerHTML=new Date().toLocaleString();',1000);
</script>
</head>
<body>
<p id="time"></p>
</body>
</html>