js动态获取时间的方法分析

本文实例讲述了js动态获取时间的方法。分享给大家供大家参考，具体如下：

<script type="text/javascript">
function show_cur_times(){


//获取当前日期


var date_time = new Date();


//定义星期


var week;


//switch判断


switch (date_time.getDay()){



case 1: week="星期一"; break;



case 2: week="星期二"; break;



case 3: week="星期三"; break;



case 4: week="星期四"; break;



case 5: week="星期五"; break;



case 6: week="星期六"; break;



default:week="星期天"; break;


}


//年


var year = date_time.getFullYear();


//判断小于10，前面补0


if(year<10){



year="0"+year;


}


//月


var month = date_time.getMonth()+1;


//判断小于10，前面补0


if(month<10){



month="0"+month;


}


//日


var day = date_time.getDate();


//判断小于10，前面补0


if(day<10){



day="0"+day;


}


//时


var hours =date_time.getHours();


//判断小于10，前面补0


if(hours<10){



hours="0"+hours;


}


//分


var minutes =date_time.getMinutes();


//判断小于10，前面补0


if(minutes<10){



minutes="0"+minutes;


}


//秒


var seconds=date_time.getSeconds();


//判断小于10，前面补0


if(seconds<10){



seconds="0"+seconds;


}


//拼接年月日时分秒


var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;


//显示在id为showtimes的容器里


document.getElementById("showtimes").innerHTML= date_str;

}

//设置1秒调用一次show_cur_times函数

setInterval("show_cur_times()",100);
</script>

为解决访问该页面出现 "一闪",才出现时间，应当在现在容器（id为showtimes的层）里先调用一次show_cur_times函数；

<div id="showtimes">
<script language="javascript">show_cur_times();</script>
</div>

运行效果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。