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

jQuery动画animate方法使用介绍

May 06 Javascript

jquery实现带复选框的表格行选中删除时高亮显示

Aug 01 Javascript

如何使用jquery实现文字上下滚动效果

Oct 12 Javascript

浅谈jQuery中的eq()与DOM中element.[]的区别

Oct 28 Javascript

Javascript数组循环遍历之forEach详解

Nov 07 Javascript

多个上传文件用js验证文件的格式和大小的方法(推荐)

Mar 09 Javascript

JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)

Jul 23 Javascript

vue 实现边输入边搜索功能的实例讲解

Sep 16 Javascript

JavaScript函数的4种调用方法实例分析

Mar 05 Javascript

一文搞懂ES6中的Map和Set

May 20 Javascript

vscode vue 文件模板的配置方法

Jul 23 Javascript

原生javascript如何实现共享onload事件

Jul 03 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

WordPress网站性能优化指南

2015/11/18 PHP

thinkPHP实现的联动菜单功能详解

2017/05/05 PHP

php脚本守护进程原理与实现方法详解

2017/07/20 PHP

PHP CURL中传递cookie的方法步骤

2019/05/09 PHP

php常用字符串长度函数strlen()与mb_strlen()用法实例分析

2019/06/25 PHP

IE php关于强制下载文件的代码

2008/08/23 Javascript

禁止JQuery中的load方法装载IE缓存中文件的方法

2009/09/11 Javascript

javascript开发中因空格引发的错误

2010/11/08 Javascript

JavaScript立即执行函数的三种不同写法

2014/09/05 Javascript

jQuery中map()方法用法实例

2015/01/06 Javascript

javascript搜索框效果实现方法

2015/05/14 Javascript

js实现iPhone界面风格的单选框和复选框按钮实例

2015/08/18 Javascript

javascript实现3D切换焦点图

2015/10/16 Javascript

nodejs连接mongodb数据库实现增删改查

2016/12/01 NodeJs

如何用JS/HTML将时间戳转换为“xx天前”的形式

2017/02/06 Javascript

Vue.js中兄弟组件之间互相传值实例

2017/06/01 Javascript

Nodejs+express+ejs简单使用实例代码

2017/09/18 NodeJs

AngularJS中的路由使用及实现代码

2017/10/09 Javascript

javascript+css3开发打气球小游戏完整代码

2017/11/28 Javascript

vue实现文件上传读取及下载功能

2020/11/17 Javascript

vue中beforeRouteLeave实现页面回退不刷新的示例代码

2019/11/01 Javascript

解决node终端下运行js文件不支持ES6语法

2020/04/04 Javascript

vue实现两个组件之间数据共享和修改操作

2020/11/12 Javascript

Python实现测试磁盘性能的方法

2015/03/12 Python

状态机的概念和在Python下使用状态机的教程

2015/04/11 Python

Python与Java间Socket通信实例代码

2017/03/06 Python

python基础教程项目五之虚拟茶话会

2018/04/02 Python

PyQt5每天必学之组合框

2018/04/20 Python

计算Python Numpy向量之间的欧氏距离实例

2020/05/22 Python

优秀员工自荐信范文

2013/10/05 职场文书

行政经理的岗位职责

2013/11/23 职场文书

会计专业自我鉴定范文

2013/12/29 职场文书

金融行业职业生涯规划范文

2014/01/17 职场文书

办公室主任岗位职责

2015/01/31 职场文书

MySQL中的引号和反引号的区别与用法详解

2021/10/24 MySQL

Vue 打包后相对路径的引用问题

2022/06/05 Vue.js