编程 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 学习笔记（五）

Dec 31 Javascript

Javascript 类与静态类的实现

Apr 01 Javascript

始终在屏幕中间显示Div的代码(css+js)

Mar 10 Javascript

js中通过父级进行查找定位元素

Jun 15 Javascript

jquery单行文字向上滚动效果的实现代码

Sep 05 Javascript

javascript中eval和with用法实例总结

Nov 30 Javascript

前端学习笔记style，currentStyle，getComputedStyle的用法与区别

May 28 Javascript

解决微信浏览器Javascript无法使用window.location.reload()刷新页面

Jun 21 Javascript

Node.js的Mongodb使用实例

Dec 30 Javascript

js基于FileSaver.js 浏览器导出Excel文件的示例

Aug 15 Javascript

JQuery实现ajax请求的示例和注意事项

Dec 10 jQuery

three.js 实现露珠滴落动画效果的示例代码

Mar 01 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危险函数(disable_functions)

2012/02/23 PHP

字符串长度函数strlen和mb_strlen的区别示例介绍

2014/09/09 PHP

基于laravel制作APP接口（API）

2016/03/15 PHP

PHP中Restful api 错误提示返回值实现思路

2016/04/12 PHP

javascript编程起步（第一课）

2007/01/10 Javascript

S2SH整合JQuery+Ajax实现登录验证功能实现代码

2013/01/30 Javascript

javascript中onclick(this)用法介绍

2013/04/19 Javascript

js弹出确认是否删除对话框

2014/03/27 Javascript

JQuery的attr 与 val区别

2016/06/12 Javascript

require.js配合插件text.js实现最简单的单页应用程序

2016/07/12 Javascript

bootstrap选项卡使用方法解析

2017/01/11 Javascript

jQuery源码分析之init的详细介绍

2017/02/13 Javascript

详解Vue 动态添加模板的几种方法

2017/04/25 Javascript

bootstrap select下拉搜索插件使用方法详解

2017/11/23 Javascript

layui操作列按钮个数和文字颜色的判断实例

2019/09/11 Javascript

vue 更改连接后台的api示例

2019/11/11 Javascript

微信小程序自定义胶囊样式

2020/12/27 Javascript

[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25

2020/11/26 DOTA

python实现的udp协议Server和Client代码实例

2014/06/04 Python

python 显示数组全部元素的方法

2018/04/19 Python

Python使用pyodbc访问数据库操作方法详解

2018/07/05 Python

Atom的python插件和常用插件说明

2018/07/08 Python

python实现自动解数独小程序

2019/01/21 Python

Python使用APScheduler实现定时任务过程解析

2019/09/11 Python

Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)

2020/05/11 Python

python主要用于哪些方向

2020/07/05 Python

基于 HTML5 WebGL 实现的垃圾分类系统

2019/10/08 HTML / CSS

社区先进事迹材料

2014/05/19 职场文书

小学生国庆演讲稿

2014/09/05 职场文书

党的群众路线教育实践活动查摆问题及整改措施

2014/10/10 职场文书

公路局群众路线教育实践活动第一阶段工作汇报

2014/10/25 职场文书

2015年企业新年寄语

2014/12/08 职场文书

幼儿园家长反馈意见

2015/06/03 职场文书

2016春季幼儿园小班开学寄语

2015/12/03 职场文书

使用canvas仿Echarts实现金字塔图的实例代码

2021/11/11 HTML / CSS

Java 超详细讲解数据结构中的堆的应用

2022/04/02 Java/Android