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

判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明

Feb 18 Javascript

Ext 表单布局实例代码

Apr 30 Javascript

javascript类继承机制的原理分析

Sep 12 Javascript

跟着JQuery API学Jquery 之三筛选

Apr 09 Javascript

jQuery学习笔记之jQuery的事件

Dec 22 Javascript

关于JavaScript的面向对象和继承有利新手学习

Jan 11 Javascript

简介JavaScript中toTimeString()方法的使用

Jun 12 Javascript

jqGrid表格应用之新增与删除数据附源码下载

Dec 02 Javascript

移动端滑动插件Swipe教程

Oct 16 Javascript

基于Vue 实现一个中规中矩loading组件

Apr 03 Javascript

vue搜索页开发实例代码详解（热门搜索，历史搜索，淘宝接口演示）

Apr 11 Javascript

js实现简单图片拖拽效果

Feb 22 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

9个PHP开发常用功能函数小结

2011/07/15 PHP

php+ajax实现图片文件上传功能实例

2014/06/17 PHP

Laravel如何使用Redis共享Session

2018/02/23 PHP

php模式设计之观察者模式应用实例分析

2019/09/25 PHP

脚本吧 - 幻宇工作室用到js,超强推荐base.js

2006/12/23 Javascript

iframe的onload在Chrome/Opera中执行两次Bug的解决方法

2011/03/17 Javascript

JavaScript极简入门教程（一）：基础篇

2014/10/25 Javascript

javascript实现给定半径求出圆的面积

2015/06/26 Javascript

javascript实现支持移动设备画廊

2015/08/24 Javascript

jQuery带时间的日期控件代码分享

2015/08/26 Javascript

js实现按座位号抽奖

2017/04/05 Javascript

javascript 开发之百度地图使用到的js函数整理

2017/05/19 Javascript

一步步教你利用Docker设置Node.js

2018/11/20 Javascript

javascrpt密码强度校验函数详解

2020/03/18 Javascript

angular组件间通讯的实现方法示例

2020/05/07 Javascript

vue 导航锚点_点击平滑滚动,导航栏对应变化详解

2020/08/10 Javascript

解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题

2020/08/14 Javascript

[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日

2021/03/11 DOTA

Python 实现链表实例代码

2017/04/07 Python

python中子类调用父类函数的方法示例

2017/08/18 Python

python 实现求解字符串集的最长公共前缀方法

2018/07/20 Python

对Django项目中的ORM映射与模糊查询的使用详解

2019/07/18 Python

numpy中三维数组中加入元素后的位置详解

2019/11/28 Python

python数据库操作mysql：pymysql、sqlalchemy常见用法详解

2020/03/30 Python

Python Matplotlib简易教程(小白教程)

2020/07/28 Python

python 用opencv实现霍夫线变换

2020/11/27 Python

python接口自动化框架实战

2020/12/23 Python

python中yield的用法详解

2021/01/13 Python

CSS3模块的目前的状况分析

2010/02/24 HTML / CSS

葡萄牙语专业个人求职信

2013/12/10 职场文书

歌颂祖国演讲稿

2014/05/04 职场文书

公司承诺书格式

2014/05/21 职场文书

搞笑结婚保证书

2015/05/08 职场文书

早会开场白台词大全

2015/06/01 职场文书

扩展多台相同的Web服务器

2021/04/01 Servers

使用golang编写一个并发工作队列

2021/05/08 Golang