javascript 当前页面实时显示当前时间

内容摘要
这篇文章主要为大家详细介绍了javascript 当前页面实时显示当前时间的简单示例,具有一定的参考价值,可以用来参考一下
文章正文

这篇文章主要为大家详细介绍了javascript 当前页面实时显示当前时间的简单示例,
具有一定的参考价值,可以用来参考一下。

JavaScript实时显示当前时间的例子,经测试代码如下:

<html>
<head> 
<title>JavaScript 实时显示当前时间</title> 
</head> 
<body> 
<script language="javascript"> 
/**
 * 实时显示当前时间
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
function showtime() 
{ 
var today,hour,second,minute,year,month,date; 
var strDate ; 
today=new Date(); 
var n_day = today.getDay(); 
switch (n_day) 
{ 
case 0:{ 
strDate = "星期日" 
}break; 
case 1:{ 
strDate = "星期一" 
}break; 
case 2:{ 
strDate ="星期二" 
}break; 
case 3:{ 
strDate = "星期三" 
}break; 
case 4:{ 
strDate = "星期四" 
}break; 
case 5:{ 
strDate = "星期五" 
}break; 
case 6:{ 
strDate = "星期六" 
}break; 
case 7:{ 
strDate = "星期日" 
}break; 
} 
year = today.getYear(); 
month = today.getMonth()+1; 
date = today.getDate(); 
hour = today.getHours(); 
minute =today.getMinutes(); 
second = today.getSeconds(); 
if(month<10) month="0"+month; 
if(date<10) date="0"+date; 
if(hour<10) hour="0"+hour; 
if(minute<10) minute="0"+minute; 
if(second<10) second="0"+second; 
document.getElementById('time').innerHTML =
 year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间 
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s) 
} 
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body> 
</html>

注:关于javascript 当前页面实时显示当前时间的简单示例的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!