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实现日期时间动态显示有所帮助。

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