（JavaScript）动态显示日期

最新推荐文章于 2022-08-02 17:48:10 发布

原创最新推荐文章于 2022-08-02 17:48:10 发布 · 678 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

【网站&小程序】专栏收录该内容

8 篇文章

订阅专栏

博主将在不久后分享如何制作网页及PHPadmin数据库操作的详细教程。文中提供的JavaScript代码实现动态显示当前日期和时间，包括年、月、日、星期以及小时、分钟、秒，并展示了两种实现方式。感兴趣的读者可以留言关注获取更多资源。

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

动态显示日期

- ***博主一段时间之后会更新如何制作整个网页以及所有相关的代码，还有PHP admin的数据库增删查改，需要资源的朋友请评论留言+关注我~***

window.onload=setInterval(datestr,1000);
function datestr(){ 
	var date = new Date();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
	var datestr = "当前日期："+date.getFullYear()+"年"+((Number(date.getMonth()+1)<10 ? ("0"+(date.getMonth()+1)):(date.getMonth()+1)))+"月"+(Number(date.getDate()) <10 ? "0"+date.getDate():date.getDate())+"日　"+weekday[date.getDay()]+" "+((Number(date.getHours()+1)<10?("0"+(date.getHours()+1)):(date.getHours()+1)))+"时"+((Number(date.getMinutes()+1)<10?("0"+(date.getMinutes()+1)):(date.getMinutes()+1)))+"分"+((Number(date.getSeconds()+1)<10?("0"+(date.getSeconds()+1))：(date.getSeconds()+1)))+"秒";
	//方法二：使用switch-case语句
	/*switch(date.getDay()){
		case 0:
			datestr += " 星期日";
			break;
		case 1:
			datestr += " 星期一";
			break;
		case 2:
			datestr += " 星期二";
			break;
		case 3:
			datestr += " 星期三";
			break;
		case 4:
			datestr += " 星期四";
			break;
		case 5:
			datestr += " 星期五";
			break;
		case 6:
			datestr += " 星期六";
			break;
	}*/
	
	var adv=document.getElementById("dateshow");
	adv.innerHTML=datestr;
	}