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 相关文章推荐
jQuery动画animate方法使用介绍
May 06 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
Aug 01 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
Oct 28 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
Mar 09 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
vscode vue 文件模板的配置方法
Jul 23 Javascript
原生javascript如何实现共享onload事件
Jul 03 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
WordPress网站性能优化指南
2015/11/18 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
php脚本守护进程原理与实现方法详解
2017/07/20 PHP
PHP CURL中传递cookie的方法步骤
2019/05/09 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
IE php关于强制下载文件的代码
2008/08/23 Javascript
禁止JQuery中的load方法装载IE缓存中文件的方法
2009/09/11 Javascript
javascript开发中因空格引发的错误
2010/11/08 Javascript
JavaScript立即执行函数的三种不同写法
2014/09/05 Javascript
jQuery中map()方法用法实例
2015/01/06 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
2015/08/18 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
vue实现文件上传读取及下载功能
2020/11/17 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
Python实现测试磁盘性能的方法
2015/03/12 Python
状态机的概念和在Python下使用状态机的教程
2015/04/11 Python
Python与Java间Socket通信实例代码
2017/03/06 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
PyQt5每天必学之组合框
2018/04/20 Python
计算Python Numpy向量之间的欧氏距离实例
2020/05/22 Python
优秀员工自荐信范文
2013/10/05 职场文书
行政经理的岗位职责
2013/11/23 职场文书
会计专业自我鉴定范文
2013/12/29 职场文书
金融行业职业生涯规划范文
2014/01/17 职场文书
办公室主任岗位职责
2015/01/31 职场文书
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js