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