编程 Javascript

javascript实现日期时间动态显示示例代码

Posted in Javascript onSeptember 08, 2015

废话不多说，直接上代码：

<!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 runat="server"> 
 <title></title> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
 <script type="text/javascript"> 
  document.write("<span id=lblTime width='118px' height='11px' Font-Size='9pt' style='color:Red' ></span>") //输出显示日期的容器 
  //每1000毫秒(即1秒) 执行一次本段代码 
  setInterval("lblTime.innerText=new Date().toLocaleString()", 1000) 
</script> 
 </div> 
 </form> 
</body> 
</html>

还有运行效果图：

是不是很简单，这是最基础的页面动态显示时间变化的方法，大家可以在这个基础上进行创新，添加一些样式进去，希望本文对大家熟练掌握javascript实现日期时间动态显示有所帮助。

javascript实现日期时间动态显示示例代码

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 判断checkbox是否选中的实现代码

Nov 23 Javascript

jquery mobile动态添加元素之后不能正确渲染解决方法说明

Mar 05 Javascript

jQuery+css实现的切换图片功能代码

Jan 27 Javascript

微信小程序 toast 详解及实例代码

Nov 09 Javascript

JavaScript实现选中文字提示新浪微博分享效果

Jun 15 Javascript

JavaScript循环_动力节点Java学院整理

Jun 28 Javascript

详解ES6 系列之异步处理实战

Oct 26 Javascript

vue动画效果实现方法示例

Mar 18 Javascript

JavaScript实现的联动菜单特效示例

Jul 08 Javascript

在vue-cli 3中给stylus、sass样式传入共享的全局变量

Aug 12 Javascript

vue prop属性传值与传引用示例

Nov 13 Javascript

vue2路由方式--嵌套路由实现方法分析

Mar 06 Javascript

使用JQuery在线制作ppt并在线演示源码特效

Sep 08 #Javascript

js带前后翻页的图片切换效果代码分享

Sep 08 #Javascript

jQuery实现带动画效果的多级下拉菜单代码

Sep 08 #Javascript

js淡入淡出焦点图幻灯片效果代码分享

Sep 08 #Javascript

JavaScript实现的经典文件树菜单效果

Sep 08 #Javascript

cocos2dx骨骼动画Armature源码剖析(三)

Sep 08 #Javascript

JS实现的另类手风琴效果网页内容切换代码

Sep 08 #Javascript

You might like

留言板翻页的实现详解

2006/10/09 PHP

PHP6 mysql连接方式说明

2009/02/09 PHP

PHP 图片上传实现代码带详细注释

2010/04/29 PHP

PHP实现无限级分类（不使用递归）

2015/10/22 PHP

php中10个不同等级压缩优化图片操作示例

2016/11/14 PHP

Laravel框架Blade模板简介及模板继承用法分析

2019/12/03 PHP

JavaScript使用yield模拟多线程的方法

2015/03/19 Javascript

javascript正则表达式基础知识入门

2015/04/20 Javascript

简介JavaScript中的unshift()方法的使用

2015/06/09 Javascript

详解JavaScript中的Unescape()和String() 函数

2015/11/09 Javascript

基于jquery实现图片相关操作（重绘、获取尺寸、调整大小、缩放）

2015/12/25 Javascript

详解Node.js 中使用 ECDSA 签名遇到的坑

2018/11/26 Javascript

vue实现带复选框的树形菜单

2019/05/27 Javascript

js实现简易点击切换显示或隐藏

2020/11/29 Javascript

vue 页面跳转的实现方式

2021/01/12 Vue.js

python判断windows隐藏文件的方法

2014/03/21 Python

Python中__name__的使用实例

2015/04/14 Python

Python简单实现socket信息发送与监听功能示例

2018/01/03 Python

判断python对象是否可调用的三种方式及其区别详解

2019/01/31 Python

python try 异常处理(史上最全）

2019/03/07 Python

Python Excel处理库openpyxl使用详解

2019/05/09 Python

Tensorflow中的图（tf.Graph）和会话（tf.Session）的实现

2020/04/22 Python

QT5 Designer 打不开的问题及解决方法

2020/08/20 Python

Python爬虫教程之利用正则表达式匹配网页内容

2020/12/08 Python

CSS3 实现弹跳的小球动画

2020/10/26 HTML / CSS

Priority Pass机场贵宾室会籍计划：全球超过1200间机场贵宾室

2018/08/26 全球购物

影视艺术学院毕业生自荐信

2013/11/13 职场文书

元旦晚会邀请函

2014/01/27 职场文书

科级干部考察材料

2014/02/15 职场文书

倡议书范文

2014/04/16 职场文书

学校与家长安全责任书

2014/07/23 职场文书

护士节慰问信

2015/02/15 职场文书

单身证明范本

2015/06/15 职场文书

古诗之感恩老师

2019/10/24 职场文书

python制作图形界面的2048游戏, 基于tkinter

2021/04/06 Python

输入框跟随文字内容适配宽实现示例

2022/08/14 Javascript