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 表单验证扩展(四)
Oct 20 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Aug 12 Javascript
jquery $.each()使用探讨
Sep 23 Javascript
js父页面与子页面不同时显示的方法
Oct 16 Javascript
node.js中的fs.fchmodSync方法使用说明
Dec 16 Javascript
javascript中eval函数用法分析
Apr 25 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
详解jQuery中基本的动画方法
Dec 14 Javascript
vue图片加载与显示默认图片实例代码
Mar 16 Javascript
JavaScript数据类型的存储方法详解
Aug 25 Javascript
JS查找孩子节点简单示例
Jul 25 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
php+ajax实现无刷新分页
2015/11/18 PHP
PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法
2016/07/01 PHP
php排序算法实例分析
2016/10/17 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
从sohu弄下来的flash中展示图片的代码
2007/04/27 Javascript
看了就知道什么是JSON
2007/12/09 Javascript
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
javascript之typeof、instanceof操作符使用探讨
2013/05/19 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
2015/10/20 Javascript
jquery插件bootstrapValidator表单验证详解
2016/12/15 Javascript
基于bootstrap风格的弹框插件
2016/12/28 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
vue 1.x 交互实现仿百度下拉列表示例
2017/10/21 Javascript
深入理解vue中slot与slot-scope的具体使用
2018/01/26 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
js实现车辆管理系统
2020/08/26 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python3实现读取chrome浏览器cookie
2016/06/19 Python
Flask数据库迁移简单介绍
2017/10/24 Python
Python rstrip()方法实例详解
2018/11/11 Python
Python无损压缩图片的示例代码
2020/08/06 Python
记一次django内存异常排查及解决方法
2020/08/07 Python
python程序实现BTC(比特币)挖矿的完整代码
2021/01/20 Python
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
活动总结报告范文
2014/05/04 职场文书
企业宣传工作方案
2014/06/02 职场文书
县委班子四风对照检查材料思想汇报
2014/09/29 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
销售业务员岗位职责
2015/02/13 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
php解析非标准json、非规范json的方式实例
2022/05/10 PHP