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 相关文章推荐
javascript实现禁止右键和F12查看源代码
Dec 26 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
js代码实现无缝滚动(文字和图片)
Aug 20 Javascript
javascript检查某个元素在数组中的索引值
Mar 30 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
JavaScript实现简单的星星评分效果
May 18 Javascript
JavaScript之underscore_动力节点Java学院整理
Jul 03 Javascript
Vue实现web分页组件详解
Nov 28 Javascript
axios使用拦截器统一处理所有的http请求的方法
Nov 02 Javascript
js数组去重的方法总结
Jan 18 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 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
允许phpmyadmin空密码登录的配置方法
2011/05/29 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
script标签的 charset 属性使用说明
2010/12/04 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
jQuery实现公告新闻自动滚屏效果实例代码
2016/07/14 Javascript
javascript汉字拼音互转的简单实例
2016/10/09 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
2016/10/21 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
vue.js框架实现表单排序和分页效果
2017/08/09 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
vue+webpack中配置ESLint
2018/11/07 Javascript
React事件处理的机制及原理
2018/12/03 Javascript
从零开始在NPM上发布一个Vue组件的方法步骤
2018/12/20 Javascript
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
[48:53]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第一场
2014/05/26 DOTA
用Python解决计数原理问题的方法
2016/08/04 Python
分享给Python新手们的几道简单练习题
2017/09/21 Python
python实现图片文件批量重命名
2020/03/23 Python
Django中的文件的上传的几种方式
2018/07/23 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
np.dot()函数的用法详解
2020/01/17 Python
python程序输出无内容的解决方式
2020/04/09 Python
澳大利亚最大的护发和护肤品购物网站:RY
2019/12/26 全球购物
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
自我鉴定范文200字
2013/10/02 职场文书
服务员自我评价
2014/01/25 职场文书
第28个世界无烟日活动总结
2015/02/10 职场文书
就业推荐表院系意见
2015/06/05 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
Python数据清洗工具之Numpy的基本操作
2021/04/22 Python
Pytorch GPU内存占用很高,但是利用率很低如何解决
2021/06/01 Python
手把手教你导入Go语言第三方库
2021/08/04 Golang