您的位置：首页 > Web前端 > JavaScript

JavaScript实现页面无刷新让时间走动

2015-08-10 15:12 537 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Show Time</title>
</head>

<body onload="showTime()">

   <script type="text/javascript">
   	//javascript实现页面无刷新让时间走动
    function showTime()
    { 
		var date = new Date();  //获取时间对象
		var year = date.getFullYear(); //获取年
		var month = date.getMonth()+1;//获取月份，获取的月份比真实的月份少一个月，所以这里得+1 
		var day = date.getDate();  //获取日
		var week = date.getDay();//返回0--6，其中0表示星期天，1--6代表星期一到星期六
		var weekStr="未知"; 
		var hours = date.getHours(); //获取时（24小时制）
		var minutes = date.getMinutes();  //获取分
        var seconds = date.getSeconds();  //获取秒
		var milliseconds = date.getMilliseconds();//获得毫秒 
		                   
		//处理星期的显示			
		switch(week){
				case 1:
					weekStr="一 "
				break;
				case 2:
					weekStr="二 "
				break;
				case 3:
					weekStr="三 "
				break;
				case 4:
					weekStr="四 "
				break;
				case 5:
					weekStr="五 "
				break;
				case 6:
					weekStr="六 "
				break;
				default:
				  weekStr="日 ";
			}			
						
						
		document.getElementById("timeMsg").innerHTML = 
        year + "年" + month + "月" + day + "日 "+"  星期"+weekStr+hours + ":" + minutes + ":" + seconds + ":" + milliseconds; 
    }
      //setInterval动作的作用是每隔一定时间就调用函数，方法或对象
	 setInterval("showTime()", 1);//设置每隔1豪秒调用一下上面的方法
    
    </script>
    
    <div id="timeMsg" style="font-size: 36px;color:#00C"></div>
    
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航