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 相关文章推荐
js滚动条多种样式,推荐
Feb 05 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
Jan 09 Javascript
一道关于JavaScript变量作用域的面试题
Mar 08 Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
Mar 13 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
纯js+css实现仿移动端淘宝网站的弹出详情框功能
Dec 29 Javascript
Vue文本模糊匹配功能如何实现
Jul 30 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之第九天
2006/10/09 PHP
php比较两个绝对时间的大小
2014/01/31 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
php学习笔记之字符串常见操作总结
2019/07/16 PHP
jquery 经典动画菜单效果代码
2010/01/26 Javascript
关于this和self的使用说明
2010/08/01 Javascript
javascript 弹出层组件(升级版)
2011/05/12 Javascript
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
React-router 4 按需加载的实现方式及原理详解
2017/05/25 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
JQuery元素快速查找与操作
2018/04/22 jQuery
详解javascript设计模式三:代理模式
2019/03/25 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
vue 解决无法对未定义的值,空值或基元值设置反应属性报错问题
2020/07/31 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python3使用requests发闪存的方法
2016/05/11 Python
python如何在终端里面显示一张图片
2016/08/17 Python
Scrapy的简单使用教程
2017/10/24 Python
Python爬虫获取图片并下载保存至本地的实例
2018/06/01 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
Python调用C语言程序方法解析
2020/07/07 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
allbeauty美国:英国在线美容店
2019/03/11 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
市场部专员岗位职责
2013/11/30 职场文书
安全在我心中演讲稿
2014/09/01 职场文书
优秀员工推荐材料
2014/12/20 职场文书
商务英语求职信范文
2015/03/19 职场文书
放牛班的春天观后感
2015/06/01 职场文书
python析构函数用法及注意事项
2021/06/22 Python
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android