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

js实现iframe动态调整高度的代码

Jan 06 Javascript

js+css实现导航效果实例

Feb 10 Javascript

js由下向上不断上升冒气泡效果实例

May 07 Javascript

jquery实现右侧栏菜单选择操作

Mar 04 Javascript

Centos7 中 Node.js安装简单方法

Nov 02 Javascript

js实现文字无缝向上滚动

Feb 16 Javascript

vue中各组件之间传递数据的方法示例

Jul 27 Javascript

vue.js评论发布信息可插入QQ表情功能

Aug 08 Javascript

angularjs实现柱状图动态加载的示例

Dec 11 Javascript

微信小程序三级联动选择器使用方法

May 19 Javascript

解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题

Sep 27 Javascript

关于Vue Router的10条高级技巧总结

May 06 Vue.js

使用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获取链表中倒数第K个节点的方法

2018/01/18 PHP

PHP实现笛卡尔积算法的实例讲解

2019/12/22 PHP

Javascript 通过json自动生成Dom的代码

2010/04/01 Javascript

如何确保JavaScript的执行顺序之jQuery.html深度分析

2011/03/03 Javascript

JavaScript 基础篇（一）

2012/03/30 Javascript

Javascript无阻塞加载具体方式

2013/06/28 Javascript

jquery中load方法的用法及注意事项说明

2014/02/22 Javascript

javascript与有限状态机详解

2014/05/08 Javascript

jQuery动画出现连续触发、滞后反复执行的解决方法

2015/01/28 Javascript

详解JavaScript中的表单验证

2015/06/16 Javascript

举例简介AngularJS的内部语言环境

2015/06/17 Javascript

基于jquery实现图片相关操作（重绘、获取尺寸、调整大小、缩放）

2015/12/25 Javascript

AngularJS国际化详解及示例代码

2016/08/18 Javascript

深入学习js瀑布流布局

2016/10/14 Javascript

基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑

2016/12/14 Javascript

详解webpack 入门与解析

2018/04/09 Javascript

jQuery序列化form表单数据为JSON对象的实现方法

2018/09/20 jQuery

ES6知识点整理之模块化的应用详解

2019/04/15 Javascript

node基于async/await对mysql进行封装

2019/06/20 Javascript

在Mac OS上部署Nginx和FastCGI以及Flask框架的教程

2015/05/02 Python

python2 与python3的print区别小结

2018/01/16 Python

Python重新加载模块的实现方法

2018/10/16 Python

python程序运行进程、使用时间、剩余时间显示功能的实现代码

2019/07/11 Python

python统计字符串中字母出现次数代码实例

2020/03/02 Python

python 使用elasticsearch 实现翻页的三种方式

2020/07/31 Python

python 6行代码制作月历生成器

2020/09/18 Python

python对 MySQL 数据库进行增删改查的脚本

2020/10/22 Python

新秀丽官方旗舰店：Samsonite拉杆箱、双肩包、皮具

2018/03/05 全球购物

秋季婚礼证婚词

2014/01/11 职场文书

医学生就业推荐表自我鉴定

2014/03/26 职场文书

党员个人剖析材料（四风问题）

2014/10/07 职场文书

老人节标语大全

2014/10/08 职场文书

幼儿园家长工作总结2015

2015/04/25 职场文书

python之PySide2安装使用及QT Designer UI设计案例教程

2021/07/26 Python

vue 给数组添加新对象并赋值

2022/04/20 Vue.js

JavaScript架构localStorage特殊场景下二次封装操作

2022/06/21 Javascript