编程 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 表单验证扩展(四)

Oct 20 Javascript

jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)

Jun 28 Javascript

兼容ie、firefox的图片自动缩放的css跟js代码分享

Aug 12 Javascript

jquery $.each()使用探讨

Sep 23 Javascript

js父页面与子页面不同时显示的方法

Oct 16 Javascript

node.js中的fs.fchmodSync方法使用说明

Dec 16 Javascript

javascript中eval函数用法分析

Apr 25 Javascript

JavaScipt中栈的实现方法

Feb 17 Javascript

详解jQuery中基本的动画方法

Dec 14 Javascript

vue图片加载与显示默认图片实例代码

Mar 16 Javascript

JavaScript数据类型的存储方法详解

Aug 25 Javascript

JS查找孩子节点简单示例

Jul 25 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+ajax实现无刷新分页

2015/11/18 PHP

PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法

2016/07/01 PHP

php排序算法实例分析

2016/10/17 PHP

php检查函数必传参数是否存在的实例详解

2017/08/28 PHP

从sohu弄下来的flash中展示图片的代码

2007/04/27 Javascript

看了就知道什么是JSON

2007/12/09 Javascript

JQuery 学习笔记 element属性控制

2009/07/23 Javascript

javascript之typeof、instanceof操作符使用探讨

2013/05/19 Javascript

js加载之使用DOM方法动态加载Javascript文件

2013/11/08 Javascript

JS实现控制表格行内容垂直对齐的方法

2015/03/30 Javascript

JS实现鼠标滑过链接改变网页背景颜色的方法

2015/10/20 Javascript

jquery插件bootstrapValidator表单验证详解

2016/12/15 Javascript

基于bootstrap风格的弹框插件

2016/12/28 Javascript

js仿小米手机上下滑动效果

2017/02/05 Javascript

Vue.js展示AJAX数据简单示例讲解

2017/03/29 Javascript

vue 1.x 交互实现仿百度下拉列表示例

2017/10/21 Javascript

深入理解vue中slot与slot-scope的具体使用

2018/01/26 Javascript

jquery弹窗时禁止body滚动条滚动的例子

2019/09/21 jQuery

Vue+ElementUI table实现表格分页

2019/12/14 Javascript

原生js实现轮播图特效

2020/05/04 Javascript

js实现车辆管理系统

2020/08/26 Javascript

[50:28]LGD女子学院第三期 DOTA2复仇之魂教学

2013/12/24 DOTA

python3实现读取chrome浏览器cookie

2016/06/19 Python

Flask数据库迁移简单介绍

2017/10/24 Python

Python rstrip()方法实例详解

2018/11/11 Python

Python无损压缩图片的示例代码

2020/08/06 Python

记一次django内存异常排查及解决方法

2020/08/07 Python

python程序实现BTC（比特币）挖矿的完整代码

2021/01/20 Python

一款纯css3实现的非常实用的鼠标悬停特效演示

2014/11/05 HTML / CSS

活动总结报告范文

2014/05/04 职场文书

企业宣传工作方案

2014/06/02 职场文书

县委班子四风对照检查材料思想汇报

2014/09/29 职场文书

党的群众路线教育实践活动个人整改落实情况汇报

2014/10/28 职场文书

销售业务员岗位职责

2015/02/13 职场文书

党性教育心得体会（共6篇）

2016/01/21 职场文书

php解析非标准json、非规范json的方式实例

2022/05/10 PHP