javascript页面上使用动态时间具体实现
更新时间:2014年03月18日 10:59:19 作者:
这篇文章主要介绍了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>
相关文章
一文搞懂JavaScript中bind,apply,call的实现
bind、call和apply都是Function原型链上面的方法,因此不管是使用function声明的函数,还是箭头函数都可以直接调用。本文就带你看看如何实现bind、call和apply2022-06-06JavaScript, select标签元素左右移动功能实现
这篇文章主要介绍了JavaScript, select标签元素左右移动功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
最新评论