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 相关文章推荐
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
Nov 19 Javascript
JQuery的$命名冲突详细解析
Dec 28 Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
jQuery自制提示框tooltip改进版
Aug 01 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 Javascript
js刷新页面location.reload()用法详解
Dec 09 Javascript
vue中watch的用法汇总
Dec 28 Vue.js
解决elementui表格操作列自适应列宽
Dec 28 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实现服务器状态监控的方法
2014/12/09 PHP
PHP实现HTTP断点续传的方法
2015/06/17 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
2019/01/16 PHP
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
什么是Node.js?Node.js详细介绍
2014/06/01 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
js如何打印object对象
2015/10/16 Javascript
AngularJS入门教程之过滤器详解
2016/08/19 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
原生javascript实现的全屏滚动功能示例
2017/09/19 Javascript
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
JavaScript实现单英文金山打字通
2020/07/24 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
2019/09/12 Javascript
Jquery Datatables的使用详解
2020/01/30 jQuery
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
python刷投票的脚本实现代码
2014/11/08 Python
Python实现简单的语音识别系统
2017/12/13 Python
python傅里叶变换FFT绘制频谱图
2019/07/19 Python
详解Python list和numpy array的存储和读取方法
2019/11/06 Python
Python利用全连接神经网络求解MNIST问题详解
2020/01/14 Python
PyCharm GUI界面开发和exe文件生成的实现
2020/03/04 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
建筑工程技术应届生求职信
2013/11/17 职场文书
护士自荐信范文
2013/12/15 职场文书
《再别康桥》教学反思
2014/02/12 职场文书
劳动竞赛活动方案
2014/02/20 职场文书
体育运动口号
2014/06/09 职场文书
应聘教师自荐书
2014/06/16 职场文书
法语专业求职信
2014/07/20 职场文书
党员思想汇报材料
2014/12/19 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
2015年清剿火患专项行动工作总结
2015/07/27 职场文书
Golang实现可重入锁的示例代码
2022/05/25 Golang