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

How to Auto Include a Javascript File

Feb 02 Javascript

JSON 教程 json入门学习笔记

Sep 22 Javascript

JS基于Mootools实现的个性菜单效果代码

Oct 21 Javascript

一览画面点击复选框后获取多个id值的方法

May 30 Javascript

微信小程序本地数据读取实例

Apr 27 Javascript

JavaScript实现简单的星星评分效果

May 18 Javascript

详解Layer弹出层样式

Aug 21 Javascript

vue 运用mock数据的示例代码

Nov 07 Javascript

详解vue中点击空白处隐藏div的实现（用指令实现）

Apr 19 Javascript

vue+element-ui实现表格编辑的三种实现方式

Oct 31 Javascript

前端深入理解Typescript泛型概念

Mar 09 Javascript

Vue实现手机号、验证码登录（60s禁用倒计时）

Dec 19 Vue.js

使用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

ThinkPHP3.2.3实现分页的方法详解

2016/06/03 PHP

全面解析PHP验证码的实现原理附php验证码小案例

2016/08/17 PHP

php 微信开发获取用户信息如何实现

2016/12/13 PHP

thinkPHP微信分享接口JSSDK用法实例

2017/07/07 PHP

PHP正则表达式处理函数(PCRE 函数)实例小结

2019/05/09 PHP

iframe的onload在Chrome/Opera中执行两次Bug的解决方法

2011/03/17 Javascript

javascript表单验证使用示例(javascript验证邮箱)

2014/01/07 Javascript

初识Node.js

2014/09/03 Javascript

node.js中的fs.readdirSync方法使用说明

2014/12/17 Javascript

JS点击链接后慢慢展开隐藏着图片的方法

2015/02/17 Javascript

深入理解$.each和$(selector).each

2016/05/15 Javascript

AngularJS指令中的绑定策略实例分析

2016/12/14 Javascript

bootstrap fileinput 上传插件的基础使用

2017/02/17 Javascript

d3.js实现立体柱图的方法详解

2017/04/28 Javascript

AngularJs 常用的过滤器

2017/05/15 Javascript

获取当前按钮或者html的ID名称实例(推荐)

2017/06/23 Javascript

微信小程序实现给嵌套template模板传递数据的方式总结

2017/12/18 Javascript

vue-router权限控制(简单方式)

2018/10/29 Javascript

Vue拖拽组件列表实现动态页面配置功能

2019/06/17 Javascript

Vue实现点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)

2020/01/16 Javascript

[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC

2016/03/03 DOTA

简单讲解Python编程中namedtuple类的用法

2016/06/21 Python

Python增量循环删除MySQL表数据的方法

2016/09/23 Python

Python学习入门之区块链详解

2017/07/25 Python

Python基于pygame模块播放MP3的方法示例

2017/09/30 Python

Python利用heapq实现一个优先级队列的方法

2019/02/03 Python

Django如何将URL映射到视图

2019/07/29 Python

python实现BP神经网络回归预测模型

2019/08/09 Python

python os.path.isfile 的使用误区详解

2019/11/29 Python

美国设计师精美珠宝购物网：Netaya

2016/08/28 全球购物

英国首屈一指的票务公司：See Tickets

2019/05/11 全球购物

软件项目实施计划书

2014/05/02 职场文书

文案策划专业自荐信

2014/07/07 职场文书

2014年采购员工作总结

2014/11/18 职场文书

深入讲解数据库中Decimal类型的使用以及实现方法

2022/02/15 MySQL

Vue+TypeScript中处理computed方式

2022/04/02 Vue.js