JavaScript通过setTimeout实时显示当前时间的方法


Posted in Javascript onApril 16, 2015

本文实例讲述了JavaScript通过setTimeout实时显示当前时间的方法。分享给大家供大家参考。具体如下:

<!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>
 <meta http-equiv="content-type" content="text/html;charset=gb2312" />
 <title>JS小测试</title>
 </head>
 <body>
  <style type="text/css">
   #time
   {
    background-color:#eee;
   }
  </style>
  <script type="text/javascript">
   function showtime()
   {
    var myDate = new Date();
    document.getElementById("time").innerHTML = myDate.getHours()
 + "时" + myDate.getMinutes() + "分"
 + myDate.getSeconds() + "秒" ;
    setTimeout("showtime()",1000);
    }
</script>
  <div id="time">
   <script type="text/javascript">showtime();</script>
  </div>
 </body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jQuery Animation实现CSS3动画示例介绍
Aug 14 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
JavaScript数组实现数据结构中的队列与堆栈
May 26 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
Sep 21 Javascript
ES6正则的扩展实例详解
Apr 25 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
VUE 使用中踩过的坑
Feb 08 Javascript
微信小程序开发之tabbar图标和颜色的实现
Oct 17 Javascript
抖音上用记事本编写爱心小程序教程
Apr 17 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 Javascript
jQuery监控文本框事件并作相应处理的方法
Apr 16 #Javascript
JavaScript动态修改背景颜色的方法
Apr 16 #Javascript
JavaScript实现鼠标滑过图片变换效果的方法
Apr 16 #Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 #Javascript
javascript中call apply 的应用场景
Apr 16 #Javascript
javascript三元运算符用法实例
Apr 16 #Javascript
jQuery on()方法使用技巧详解
Apr 16 #Javascript
You might like
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
PHP导入Excel到MySQL的方法
2011/04/23 PHP
php中实现简单的ACL 完结篇
2011/09/07 PHP
PHP5权威编程阅读学习笔记 附电子书下载
2012/07/05 PHP
php如何连接sql server
2015/10/16 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
用javascript实现给图片加链接
2007/08/15 Javascript
jquery 操作单选框,复选框,下拉列表实现代码
2009/10/27 Javascript
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
2013/03/25 Javascript
js实现文本框中焦点在最后位置
2014/03/04 Javascript
老生常谈JavaScript数组的用法
2016/06/10 Javascript
DIV+CSS+jQ实现省市联动可扩展
2016/06/22 Javascript
Node.js Streams文件读写操作详解
2016/07/04 Javascript
js 动态给元素添加、移除事件的实现方法
2016/07/19 Javascript
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
[01:35]2018年度CS GO最佳战队-完美盛典
2018/12/17 DOTA
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
python如何保存文本文件
2020/06/07 Python
python自动提取文本中的时间(包含中文日期)
2020/08/31 Python
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
小学生自我评价范例
2013/09/24 职场文书
生物制药毕业生自荐信
2013/10/16 职场文书
军训考核自我鉴定
2014/02/13 职场文书
读书活动总结范文
2014/04/26 职场文书
户籍证明格式
2014/09/15 职场文书
2014单位领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
加薪申请书应该这样写!
2019/07/04 职场文书
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL