展会信息港展会大全

javascript页面上使用动态时间具体实现
来源:互联网   发布日期:2016-01-26 11:09:00   浏览:1241次  

导读:这篇文章主要介绍了javascript在页面上使用动态时间实现示例,需要的朋友可以参考下代码如下:!DOCTYPE html PUBLIC - W3C DTD XHTML 1 0 Transitional EN http: www w3 org TR xhtml1 DTD xhtml1- ...

这篇文章主要介绍了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

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港