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

超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)

Jun 11 Javascript

关于Ext中form移除textfield方法:hide(),setVisible(false)，remove()

Dec 02 Javascript

JS模拟面向对象全解（一、类型及传递）

Jul 13 Javascript

web基于浏览器的本地存储方法应用

Nov 27 Javascript

给js文件传参数(详解)

Jul 13 Javascript

node.js中的path.resolve方法使用说明

Dec 08 Javascript

浅析JS运动

Dec 28 Javascript

AngularJS中scope的绑定策略实例分析

Oct 30 Javascript

angularjs中判断ng-repeat是否迭代完的实例

Sep 12 Javascript

详解axios中封装使用、拦截特定请求、判断所有请求加载完毕）

Apr 09 Javascript

用Angular实现一个扫雷的游戏示例

May 15 Javascript

elementUI同一页面展示多个Dialog的实现

Nov 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

php下MYSQL limit的优化

2008/01/10 PHP

MayFish PHP的MVC架构的开发框架

2009/08/13 PHP

遍历指定目录下的所有目录和文件的php代码

2011/11/27 PHP

php 变量引用与变量销毁机制详细介绍

2016/12/05 PHP

ThinkPHP类似AOP思想的参数验证的实现方法

2019/12/18 PHP

读jQuery之八包装事件对象

2011/06/21 Javascript

深入理解JavaScript系列(6)：S.O.L.I.D五大原则之单一职责SRP

2012/01/15 Javascript

动态标签悬停效果延迟加载示例代码

2013/11/21 Javascript

AngularJS基础 ng-keypress 指令简单示例

2016/08/02 Javascript

BootStrap 导航条实例代码

2017/05/18 Javascript

对象不支持indexOf属性或方法的解决方法(必看)

2017/05/28 Javascript

js浏览器滚动条卷去的高度scrolltop(实例讲解)

2017/07/07 Javascript

React 路由懒加载的几种实现方案

2018/10/23 Javascript

BootstrapValidator验证用户名已存在（ajax）

2019/11/08 Javascript

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

2020/12/02 Vue.js

python中from module import * 的一个坑

2014/07/20 Python

Python切片用法实例教程

2014/09/08 Python

Python生成器以及应用实例解析

2018/02/08 Python

Java与Python两大幸存者谁更胜一筹呢

2018/04/12 Python

不到20行代码用Python做一个智能聊天机器人

2019/04/19 Python

python3应用windows api对后台程序窗口及桌面截图并保存的方法

2019/08/27 Python

python Autopep8实现按PEP8风格自动排版Python代码

2021/03/02 Python

css3实现图片遮罩效果鼠标hover以后出现文字

2013/11/05 HTML / CSS

html5使用canvas绘制太阳系效果

2014/12/15 HTML / CSS

HTML5拖拽的简单实例

2016/05/30 HTML / CSS

欧洲品牌瓷器餐具网上商店：Porzellantreff.de

2018/04/04 全球购物

请说出几个常用的异常类

2013/01/08 面试题

机关党建工作汇报材料

2014/08/20 职场文书

党员三严三实心得体会

2014/10/13 职场文书

办公楼租房协议书范本

2014/11/25 职场文书

求职导师推荐信范文

2015/03/27 职场文书

法人代表资格证明书

2015/06/18 职场文书

《半截蜡烛》教学反思

2016/02/19 职场文书

HTML通过表单实现酒店筛选功能

2021/05/18 HTML / CSS

Python中rapidjson参数校验实现

2021/07/25 Python

Spring Security动态权限的实现方法详解

2022/06/16 Java/Android