编程 Javascript

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实现日期时间动态显示示例代码

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript使用activex控件的代码

Jan 27 Javascript

让js弹出窗口居前显示的实现方法

Jul 10 Javascript

jquery中交替点击事件toggle方法的使用示例

Dec 08 Javascript

基于jQuery实现仿淘宝套餐选择插件

Mar 04 Javascript

jQuery简单实现图片预加载

Apr 20 Javascript

javascript实现全局匹配并替换的方法

Apr 27 Javascript

JavaScript实现Base64编码转换

Apr 23 Javascript

浅谈Vuejs中nextTick()异步更新队列源码解析

Dec 31 Javascript

vue权限路由实现的方法示例总结

Jul 29 Javascript

微信小程序新手教程之启动页的重要性

Mar 03 Javascript

详解JavaScript作用域、作用域链和闭包的用法

Sep 03 Javascript

Vue+Element自定义纵向表格表头教程

Oct 26 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下MYSQL limit的优化

2008/01/10 PHP

PHP中if和or运行效率对比

2014/12/12 PHP

Javascript面向对象编程（二）构造函数的继承

2011/08/28 Javascript

javascript 事件处理、鼠标拖动效果实现方法详解

2012/05/11 Javascript

Javascript图像处理—亮度对比度应用案例

2013/01/03 Javascript

document.getElementBy("id")与$("#id")有什么区别

2013/09/22 Javascript

开发插件的两个方法jquery.fn.extend与jquery.extend

2013/11/21 Javascript

使用JQuery快速实现Tab的AJAX动态载入(实例讲解)

2013/12/11 Javascript

不使用jquery实现js打字效果示例分享

2014/01/19 Javascript

javaScript如何处理从java后台返回的list

2014/04/24 Javascript

java和javascript获取word文档的书签位置对比

2014/06/19 Javascript

JavaScript中的逻辑判断符&&、||与!介绍

2014/12/31 Javascript

jQuery+PHP实现可编辑表格字段内容并实时保存

2015/10/09 Javascript

jquery中cookie用法实例详解(获取,存储,删除等)

2016/01/04 Javascript

javascript实现数字倒计时特效

2016/03/30 Javascript

gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)

2016/08/24 Javascript

初探nodeJS

2017/01/24 NodeJs

JavaScript事件方法(实例讲解)

2017/06/27 Javascript

简单说说angular.json文件的使用

2018/10/29 Javascript

ES6之Proxy的get方法详解

2019/10/11 Javascript

p5.js码绘“跳动的小正方形”的实现代码

2019/10/22 Javascript

Vue实现开心消消乐游戏算法

2019/10/22 Javascript

python线程池的实现实例

2013/11/18 Python

python Django模板的使用方法

2016/01/14 Python

Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例

2018/07/19 Python

Linux下安装python3.6和第三方库的教程详解

2018/11/09 Python

python实现学员管理系统

2019/02/26 Python

Tensorflow卷积实现原理+手写python代码实现卷积教程

2020/05/22 Python

英国最大的电脑零售连锁店集团：PC World

2016/10/10 全球购物

EJB的激活机制

2013/10/25 面试题

《登鹳雀楼》教学反思

2014/04/09 职场文书

留学经费担保书

2014/05/12 职场文书

毕业生代领毕业材料的授权委托书

2014/09/29 职场文书

婚前财产协议书范本

2014/10/19 职场文书

二年级学生期末评语

2014/12/26 职场文书

单身狗福利?Python爬取某婚恋网征婚数据

2021/06/03 Python