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>

相关文章

  • 小程序实现手写板签名

    小程序实现手写板签名

    这篇文章主要为大家详细介绍了小程序实现手写板签名,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 原生javascript中this几种常见用法总结

    原生javascript中this几种常见用法总结

    这篇文章主要介绍了原生javascript中this几种常见用法,结合实例形式总结分析了JavaScript中this的功能、常见用法及操作注意事项,需要的朋友可以参考下
    2020-02-02
  • JS实现在Repeater控件中创建可隐藏区域的代码

    JS实现在Repeater控件中创建可隐藏区域的代码

    在WEB应用中,如何才能使应用高效率呢?如何才能吸引用户呢?这的确是个大学问,页面的内容,色搭配等都十分重要。但不可忽视的是,多数情况下,对于数据的呈现方式也是十分重要的。
    2010-09-09
  • 一文搞懂JavaScript中bind,apply,call的实现

    一文搞懂JavaScript中bind,apply,call的实现

    bind、call和apply都是Function原型链上面的方法,因此不管是使用function声明的函数,还是箭头函数都可以直接调用。本文就带你看看如何实现bind、call和apply
    2022-06-06
  • 关于layui导航栏不展示下拉列表的解决方法

    关于layui导航栏不展示下拉列表的解决方法

    今天小编就为大家分享一篇关于layui导航栏不展示下拉列表的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript, select标签元素左右移动功能实现

    JavaScript, select标签元素左右移动功能实现

    这篇文章主要介绍了JavaScript, select标签元素左右移动功能实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • 小程序实现列表多个批量倒计时

    小程序实现列表多个批量倒计时

    这篇文章主要为大家详细介绍了小程序实现列表多个批量倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • JS实现二分查找的示例代码

    JS实现二分查找的示例代码

    二分查找也称折半查找,它是一种效率较高的查找方法,本文主要介绍了JS实现二分查找的示例代码,具有一定的参考价值,感兴趣的可以了解一下
    2023-11-11
  • Layui给数据表格动态添加一行并跳转到添加行所在页的方法

    Layui给数据表格动态添加一行并跳转到添加行所在页的方法

    今天小编就为大家分享一篇Layui给数据表格动态添加一行并跳转到添加行所在页的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • 22种JavaScript中数组常用API总结

    22种JavaScript中数组常用API总结

    在前端开发中,数组是一种常见且重要的数据结构,本文主要介绍了前端中数组常用的API,包括添加、删除、截取、合并、转换等操作,希望对大家有所帮助
    2023-05-05

最新评论