编程 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 Event学习第六章事件的访问

Feb 07 Javascript

js 获取坐标通过JS得到当前焦点(鼠标)的坐标属性

Jan 04 Javascript

基于jquery实现下拉框美化特效

Feb 02 Javascript

Web Uploader文件上传插件使用详解

May 10 Javascript

浅析jQuery Ajax通用js封装

Jun 22 Javascript

很棒的一组js图片轮播特效

Jan 12 Javascript

vue-cli的webpack模板项目配置文件分析

Apr 01 Javascript

input输入框内容实时监测(附代码)

Aug 15 Javascript

微信小程序scroll-view组件实现滚动动画

Jan 31 Javascript

vue路由--网站导航功能详解

Mar 29 Javascript

vue 中 beforeRouteEnter 死循环的问题

Apr 23 Javascript

详解javascript void(0)

Jul 13 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学习笔记（二）了解PHP的基本语法以及目录结构

2014/08/04 PHP

php实现简单的语法高亮函数实例分析

2015/04/27 PHP

PHP使用文件锁解决高并发问题示例

2018/03/29 PHP

简洁短小的 JavaScript IE 浏览器判定代码

2010/03/21 Javascript

最好用的省市二级联动原生js实现你值得拥有

2013/09/22 Javascript

根据表格中的某一列进行排序的javascript代码

2013/11/29 Javascript

JS实现网站菜单拖拽移位效果的方法

2015/09/24 Javascript

老生常谈javascript的类型转换

2016/10/12 Javascript

jQuery和JavaScript节点插入元素的方法对比

2016/11/18 Javascript

解析如何利用iframe标签以及js制作时钟

2016/12/08 Javascript

angular-ui-sortable实现可拖拽排序列表

2016/12/28 Javascript

AngularJS中scope的绑定策略实例分析

2017/10/30 Javascript

JS扩展String.prototype.format字符串拼接的功能

2018/03/09 Javascript

详解在React.js中使用PureComponent的重要性和使用方式

2018/07/10 Javascript

vue实现简单的日历效果

2020/09/24 Javascript

node命令行工具之实现项目工程自动初始化的标准流程

2019/08/12 Javascript

layui字体图标 loading图标静止不旋转的解决方法

2019/09/23 Javascript

人工智能最火编程语言 Python大战Java!

2017/11/13 Python

python实现列表中由数值查到索引的方法

2018/06/27 Python

python 分离文件名和路径以及分离文件名和后缀的方法

2018/10/21 Python

django项目用higcharts统计最近七天文章点击量

2019/08/17 Python

python3的UnicodeDecodeError解决方法

2019/12/20 Python

pytorch中tensor张量数据类型的转化方式

2019/12/31 Python

python关于变量名的基础知识点

2020/03/03 Python

Pyecharts 动态地图 geo()和map()的安装与用法详解

2020/03/25 Python

Python 在 VSCode 中使用 IPython Kernel 的方法详解

2020/09/05 Python

python打包生成so文件的实现

2020/10/30 Python

法国最大电子商务平台：Cdiscount

2018/03/13 全球购物

柏林通行证：Berlin Pass

2018/04/11 全球购物

科研课题实施方案

2014/03/18 职场文书

《长城和运河》教学反思

2014/04/14 职场文书

2014全年工作总结

2014/11/27 职场文书

新生入学欢迎词

2015/01/26 职场文书

行政文员岗位职责

2015/02/04 职场文书

户外活动总结

2015/02/04 职场文书

总结Python使用过程中的bug

2021/06/18 Python