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

jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍

Apr 07 Javascript

JS/FLASH实现复制代码到剪贴板(兼容所有浏览器)

May 27 Javascript

jQuery实现炫酷的鼠标轨迹特效

Feb 01 Javascript

js实现带按钮的上下滚动效果

May 12 Javascript

Jquery $when done then的用法详解

May 20 Javascript

浅谈js中子页面父页面方法变量相互调用

Aug 04 Javascript

jQuery EasyUI Draggable拖动组件

Mar 01 Javascript

vue双花括号的使用方法附练习题

Nov 07 Javascript

ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】

Dec 21 Javascript

《javascript设计模式》学习笔记七：Javascript面向对象程序设计组合模式详解

Apr 08 Javascript

nuxt 页面路由配置,主页轮播组件开发操作

Nov 05 Javascript

Vue中避免滥用this去读取data中数据

Mar 02 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

一篇不错的PHP基础学习笔记

2007/03/18 PHP

Win2003服务器安全加固设置－-进一步提高服务器安全性

2007/05/23 PHP

获取php页面执行时间，数据库读写次数，函数调用次数等(THINKphp)

2013/06/03 PHP

Thinkphp实现自动验证和自动完成

2015/12/19 PHP

Redis构建分布式锁

2017/03/28 PHP

PHP 进度条函数的简单实例

2017/09/19 PHP

php-fpm中max_children的配置

2019/03/15 PHP

PHP数组实际占用内存大小原理解析

2020/12/11 PHP

jQuery右键菜单contextMenu使用实例

2011/09/28 Javascript

JS对话框_JS模态对话框showModalDialog用法总结

2014/01/11 Javascript

告诉你什么是javascript的回调函数

2014/09/04 Javascript

nodejs中实现路由功能

2014/12/29 NodeJs

学习javascript面向对象掌握创建对象的9种方式

2016/01/04 Javascript

原生JS实现拖拽图片效果

2020/08/27 Javascript

深入理解JQuery中的事件与动画

2016/05/18 Javascript

Angular的$http与$location

2016/12/26 Javascript

jquery Ajax 全局调用封装实例详解

2017/01/16 Javascript

vuejs绑定class和style样式

2017/04/11 Javascript

Angularjs 双向绑定时字符串的转换成数字类型的问题

2017/06/12 Javascript

JS 中LocalStorage和SessionStorage的使用

2017/08/17 Javascript

快速解决vue动态绑定多个class的官方实例语法无效的问题

2018/09/05 Javascript

详解在vue-cli中使用graphql即vue-apollo的用法

2018/09/08 Javascript

详解webpack2异步加载套路

2018/09/14 Javascript

详解vue-cli中使用rem,vue自适应

2019/05/06 Javascript

在vue中使用Echarts画曲线图的示例

2020/10/03 Javascript

[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事

2014/07/10 DOTA

Python的Django中将文件上传至七牛云存储的代码分享

2016/06/03 Python

django1.8使用表单上传文件的实现方法

2016/11/04 Python

python list是否包含另一个list所有元素的实例

2018/05/04 Python

python2.7 安装pip的方法步骤（管用）

2019/05/05 Python

基于sklearn实现Bagging算法（python）

2019/07/11 Python

详解Python利用random生成一个列表内的随机数

2019/08/21 Python

Python3实现配置文件差异对比脚本

2019/11/18 Python

委托书的格式

2014/08/01 职场文书

导游词之宿迁乾隆行宫

2019/10/15 职场文书

解析在浏览器地址栏输入一个URL后发生了什么

2021/06/21 Servers