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

【javascript】不刷新页面，实时显示当前时间

2012-10-03 16:12 751 查看
这里起主要作用的是setTimeout这个函数。

<!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=gb2312" />
<title>JS小测试</title>
</head>

<body>
<style type="text/css">
#time
{
background-color:#eee;
}
</style>
<script type="text/javascript">
function showtime()
{
var myDate = new Date();
document.getElementById("time").innerHTML = myDate.getHours() + "时" + myDate.getMinutes() + "分" 				+ myDate.getSeconds() + "秒" ;
setTimeout("showtime()",1000);
/			}
</script>

<div id="time">
<script type="text/javascript">showtime();</script>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航