javaScript动态显示年月日星期时分秒

2021/6/4 14:50:50

本文主要是介绍javaScript动态显示年月日星期时分秒,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

	<h1 id="date_time" ></h1>
	<script type="text/javascript">
			function getWeek(option){
				// switch(option){
				// 	case 0:
				// 	return "星期天";
				// 	case 1:
				// 	return "星期一";
				// 	case 2:
				// 	return "星期二";
				// 	case 3:
				// 	return "星期三";
				// 	case 4:
				// 	return "星期四";
				// 	case 5:
				// 	return "星期五";
				// 	case 6:
				// 	return "星期六";
				
				// }
        		//简单方式获取星期几
				var week = "日一二三四五六".charAt(option); //获取星期几
					return "星期"+week;  //返回星期几
			}
			function showTime(){
				var dateTime = new Date();
				var year = dateTime.getFullYear();   //获取年份
				var month = dateTime.getMonth();    //获取月份
				month = month<10?"0"+month:month;  //月份小于10则前面加个"0"
				var date = dateTime.getDate();    //获取日
				date = date<10?"0"+date:date;
				var hour = dateTime.getHours();		//获取小时
				hour = hour<10?"0"+hour:hour;    
				var minute = dateTime.getMinutes();  //获取分钟
				minute = minute<10?"0"+minute:minute;
				var second = dateTime.getSeconds();   //获取秒
				second = second<10?"0"+second:second;  
				var day = dateTime.getDay()
				var week = getWeek(day);
                //年月日时分秒赋值给dateTime
				dateTime = year+"年"+month+"月"+date+"日"+""+week+""+hour+":"+minute+":"+second;  
				document.getElementById("date_time").innerHTML=dateTime;
			}					
		showTime();  //上来就显式  先动用这个方法一次
		setInterval("showTime()",1000);//间隔多少毫秒执行一次
	</script>
</body>


这篇关于javaScript动态显示年月日星期时分秒的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程