编程 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 相关文章推荐

javascript中的继承实例代码

Apr 27 Javascript

jQuery.holdReady()使用方法

May 20 Javascript

关于Javascript加载执行优化的研究报告

Dec 16 Javascript

JS的框架Polymer中的dom-if和is属性使用说明

Jul 29 Javascript

Jquery ajax 同步阻塞引起的UI线程阻塞问题

Nov 17 Javascript

JS在onclientclick里如何控制onclick的执行

May 30 Javascript

微信小程序解决swiper不显示图片的方法

Jan 04 Javascript

微信小程序实现缓存根据不同的id来进行设置和读取缓存

Jun 12 Javascript

vue.js内部自定义指令与全局自定义指令的实现详解（利用directive）

Jul 11 Javascript

jQuery获取table表中的td标签(实例讲解)

Jul 28 jQuery

完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题

Jan 25 Javascript

小程序转发探索示例

Feb 19 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

libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢

2010/03/15 PHP

PHP函数篇之掌握ord()与chr()函数应用

2011/12/05 PHP

PHP大转盘中奖概率算法实例

2014/10/21 PHP

php中删除数组的第一个元素和最后一个元素的函数

2015/03/07 PHP

Javascript 日期对象Date扩展方法

2009/05/30 Javascript

jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法

2011/07/28 Javascript

一个jquery实现的不错的多行文字图片滚动效果

2014/09/28 Javascript

JS DOM实现鼠标滑动图片效果

2020/09/17 Javascript

jQuery EasyUI框架中的Datagrid数据表格组件结构详解

2016/06/09 Javascript

原生js获取浏览器窗口及元素宽高常用方法集合

2017/01/18 Javascript

HTML5实现微信拍摄上传照片功能

2017/04/21 Javascript

vue-rx的初步使用教程

2018/09/21 Javascript

vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知

2019/08/17 Javascript

浅谈vue中使用编辑器vue-quill-editor踩过的坑

2020/08/03 Javascript

Python多进程库multiprocessing中进程池Pool类的使用详解

2017/11/24 Python

Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地

2018/02/23 Python

使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”

2018/03/23 Python

Python django使用多进程连接mysql错误的解决方法

2018/10/08 Python

python实现列表的排序方法分享

2019/07/01 Python

Python3 虚拟开发环境搭建过程(图文详解)

2020/01/06 Python

dpn网络的pytorch实现方式

2020/01/14 Python

tensorflow estimator 使用hook实现finetune方式

2020/01/21 Python

django 文件上传功能的相关实例代码(简单易懂)

2020/01/22 Python

Python解释器及PyCharm工具安装过程

2020/02/26 Python

Python selenium使用autoIT上传附件过程详解

2020/05/26 Python

基于python模拟TCP3次握手连接及发送数据

2020/11/06 Python

浅谈Selenium 控制浏览器的常用方法

2020/12/04 Python

Skyscanner阿联酋：全球领先的旅游搜索平台

2017/11/25 全球购物

Lululemon加拿大官网：加拿大知名体育服装零售商

2019/04/12 全球购物

在c#中using和new这两个关键字有什么意义

2013/05/19 面试题

司机的工作范围及职责

2013/11/13 职场文书

期末评语大全

2014/05/04 职场文书

2014年大学学生会工作总结

2014/12/02 职场文书

2014年财务经理工作总结

2014/12/08 职场文书

教师求职简历自我评价

2015/03/10 职场文书

Nginx防盗链与服务优化配置的全过程

2022/01/18 Servers