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

什么是json和jsonp,jQuery json实例详详细说明

Dec 11 Javascript

JS打开层/关闭层/移动层动画效果的实例代码

May 11 Javascript

JQuery设置和去除disabled属性的5种方法总结

May 16 Javascript

js为鼠标添加右击事件防止默认的右击菜单弹出

Jul 29 Javascript

Flex通过JS获取客户端IP和计算机名的实例代码

Nov 21 Javascript

jQuery中bind与live的用法及区别小结

Jan 27 Javascript

使用AOP改善javascript代码

May 01 Javascript

详解javascript实现瀑布流列式布局

Jan 29 Javascript

微信小程序表单Form实例详解（附源码）

Dec 22 Javascript

jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例

Aug 04 jQuery

浅谈vue的props，data，computed变化对组件更新的影响

Jan 16 Javascript

layui实现给某一列加点击事件

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 self与$this的详解

2013/06/08 PHP

php自定义分页类完整实例

2015/12/25 PHP

WordPress的主题编写中获取头部模板和底部模板

2015/12/28 PHP

Linux系统中为php添加pcntl扩展

2016/08/28 PHP

如何用PHP做到页面注册审核

2017/03/02 PHP

javascript 进阶篇3 Ajax 、JSON、 Prototype介绍

2012/03/14 Javascript

jQuery输入城市查看地图使用介绍

2013/05/08 Javascript

js中cookie的添加、取值、删除示例代码

2013/10/21 Javascript

详解JavaScript节流函数中的Throttle

2016/07/16 Javascript

jquery网页日历显示控件calendar3.1使用详解

2016/11/24 Javascript

BootStrap学习笔记之nav导航栏和面包屑导航

2017/01/03 Javascript

vue webuploader 文件上传组件开发

2017/09/23 Javascript

JS设计模式之单例模式（一）

2017/09/29 Javascript

在 vue-cli v3.0 中使用 SCSS/SASS的方法

2018/06/14 Javascript

js回溯法计算最佳旅行线路代码实例

2019/09/11 Javascript

简单使用webpack打包文件的实现

2019/10/29 Javascript

element的el-table中记录滚动条位置的示例代码

2019/11/06 Javascript

[01:38]2018DOTA2亚洲邀请赛主赛事第二日现场采访神秘商人痛陈生计不易

2018/04/05 DOTA

[01:27:44]DOTA2-DPC中国联赛正赛 PSG.LGD vs Aster BO3 第一场 1月24日

2021/03/11 DOTA

python 性能提升的几种方法

2016/07/15 Python

Python爬虫框架scrapy实现的文件下载功能示例

2018/08/04 Python

python实现LRU热点缓存及原理

2019/10/29 Python

如何基于pythonnet调用halcon脚本

2020/01/20 Python

利用Canvas模仿百度贴吧客户端loading小球的方法示例

2017/08/13 HTML / CSS

酒店服务与管理毕业生求职信

2013/11/02 职场文书

市场专员岗位职责

2014/02/14 职场文书

2014年国庆节活动总结

2014/08/26 职场文书

离职证明标准格式

2014/09/15 职场文书

群众路线查摆问题及整改措施

2014/10/10 职场文书

消防验收申请报告

2015/05/15 职场文书

迎客户欢迎词三篇

2019/09/27 职场文书

代码解析React中setState同步和异步问题

2021/06/03 Javascript

Maven学习----Maven安装与环境变量配置教程

2021/06/29 Java/Android

SQL实现LeetCode(178.分数排行)

2021/08/04 MySQL

Python制作表白爱心合集

2022/01/22 Python

Python Pandas读取Excel日期数据的异常处理方法

2022/02/28 Python