JavaScript之动态显示时间代码实现
程序员文章站
2023-11-22 16:41:28
动态显示时间
第一步：得到当前时间。
第二步：格式化当前时间。
第三步：获取标签。
第四步：使用innerhtml属性向标签里写入时间。
第五步：使用定时器每一秒向标签里写入时间。
setinter...
动态显示时间
第一步：得到当前时间。
第二步：格式化当前时间。
第三步：获取标签。
第四步：使用innerhtml属性向标签里写入时间。
第五步：使用定时器每一秒向标签里写入时间。
setinterval("方法名；"，每隔几秒执行一次）
示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>动态时间显示</title>
<style type="text/css">
#pid {
width: 200px;
height: 150px;
border: 2px dashed chartreuse;
}
</style>
</head>
<body>
<p id="pid">
</p>
<script type="text/javascript">
function getdate(){
//获取时间
var date = new date();
//格式化时间
var time = date.tolocalestring();
//获取p标签
var p1 = document.getelementbyid("pid");
//向p标签里写入时间
p1.innerhtml = time;
}
//每隔一秒设置一次
setinterval("getdate();",1000);
</script>
</body>
</html> 上一篇： 教你怎么用photoshop让眼睛变得更大(两种)
下一篇： jquery 3D 标签云示例代码