javascript页面上使用动态时间具体实现

207 阅读 0 评论 137 点赞

我是靠谱客的博主明亮小海豚，最近开发中收集的这篇文章主要介绍javascript页面上使用动态时间具体实现，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<!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=utf-8" /> 
<title>无标题文档</title> 

<script type="text/javascript"> 
//页面上动态时间 
function time() { 
var dt; 
var date = new Date(); 
dt = date.getFullYear() 
+ "/" 
+ date.getMonth() 
+ "/" 
+ date.getDate() 
+ " " 
+ (date.getHours() <= 9 ? '0' + date.getHours() : date 
.getHours()) 
+ ":" 
+ ((date.getMinutes() <= 9 ? '0' + date.getMinutes() : date 
.getMinutes())) 
+ ":" 
+ (date.getSeconds() <= 9 ? '0' + date.getSeconds() : date 
.getSeconds()); 
//document.getElementById("ht").innerHTML=dt; 
return dt; 
} 
setInterval("document.getElementById('ht').innerHTML=time()", 1000); 
</script> 


</head> 

<body> 

<span id="ht"></span> 
</body> 
</html> 