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

求得div 下 img的src地址的js代码

Feb 28 Javascript

使用Json比用string返回数据更友好，也更面向对象一些

Sep 13 Javascript

js中substr,substring,indexOf,lastIndexOf的用法小结

Dec 27 Javascript

AngularJS基础知识笔记之表格

May 10 Javascript

JS实现的自定义水平滚动字体插件完整实例

Jun 17 Javascript

JavaScript基础知识点归纳(推荐)

Jul 09 Javascript

JavaScript实现拖拽元素对齐到网格（每次移动固定距离）

Nov 30 Javascript

JS出现失效的情况总结

Jan 20 Javascript

超简单的Vue.js环境搭建教程

Mar 17 Javascript

使用vue制作探探滑动堆叠组件的实例代码

Mar 07 Javascript

Node.js应用设置安全的沙箱环境

Apr 23 Javascript

如何从0开始用node写一个自己的命令行程序

Dec 29 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 危险函数解释分析

2009/04/22 PHP

PHP实现支持GET,POST,Multipart/form-data的HTTP请求类

2014/09/24 PHP

php的4种常见运行方式

2015/03/20 PHP

Laravel 5.4前后台分离,通过不同的二级域名访问方法

2019/10/13 PHP

Using the TextRange Object

2006/10/14 Javascript

jQuery Tools tab使用介绍

2012/07/14 Javascript

JavaScript 判断浏览器是否支持SVG的代码

2013/03/21 Javascript

使用JS或jQuery模拟鼠标点击a标签事件代码

2014/03/10 Javascript

window.location不跳转的问题解决方法

2014/04/17 Javascript

JavaScript的null和undefined区别示例介绍

2014/09/15 Javascript

深入理解jQuery事件绑定

2016/06/02 Javascript

vue.js如何更改默认端口号8080为指定端口的方法

2017/07/14 Javascript

vue调用语音播放的方法

2019/09/27 Javascript

Python实现的金山快盘的签到程序

2013/01/17 Python

Python使用minidom读写xml的方法

2015/06/03 Python

Python中模块与包有相同名字的处理方法

2017/05/05 Python

python+matplotlib实现鼠标移动三角形高亮及索引显示

2018/01/15 Python

Python利用正则表达式实现计算器算法思路解析

2018/04/25 Python

matplotlib subplots 设置总图的标题方法

2018/05/25 Python

python爬虫框架scrapy实现模拟登录操作示例

2018/08/02 Python

Python爬虫将爬取的图片写入world文档的方法

2018/11/07 Python

Python中垃圾回收和del语句详解

2018/11/15 Python

python解析含有重复key的json方法

2019/01/22 Python

Python自定义一个异常类的方法

2019/06/27 Python

python rsync服务器之间文件夹同步脚本

2019/08/29 Python

使用Python给头像戴上圣诞帽的图像操作过程解析

2019/09/20 Python

python之生成多层json结构的实现

2020/02/27 Python

selenium+python自动化78-autoit参数化与批量上传功能的实现

2021/03/04 Python

一款纯css3实现简单的checkbox复选框和radio单选框

2014/11/05 HTML / CSS

Chemist Warehouse中文网：澳洲连锁大药房

2021/02/05 全球购物

黄河的主人教学反思

2014/02/07 职场文书

医药类个人求职的自我评价

2014/02/12 职场文书

学校课外活动总结

2014/05/08 职场文书

本科毕业生求职信

2014/06/15 职场文书

作风年建设汇报材料

2014/08/14 职场文书

python 爬取华为应用市场评论

2021/05/29 Python