javascript 当前页面实时显示当前时间的简单示例

人气：590 时间：2018-09-20

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

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


<html>
<head> 
<title>JavaScript 实时显示当前时间</title> 
</head> 
<body> 
<script language="javascript"> 
/**
 * 实时显示当前时间
 *
 * @param 
 * @arrange (512.笔记) www.q1010.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) 
} 
// 来自：四海网（www.q1010.com） 
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body> 
</html>

本文来自：http://www.q1010.com/174/458-0.html

注：关于javascript 当前页面实时显示当前时间的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：显示时间

您可能感兴趣的文章

php 使用已经过去多长时间的方式显示时间（几分钟前）

上一篇：js 动态创建表格，删除行列的简单示例

下一篇：js 判断是否选中CheckBox的简单示例