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中令人发指的valueOf方法介绍
Feb 22 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
Apr 07 Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 Javascript
js中遍历Map对象的简单实例
Aug 08 Javascript
浅谈javascript中的三种弹窗
Oct 21 Javascript
详解用node.js实现简单的反向代理
Jun 26 Javascript
二维码图片生成器QRCode.js简单介绍
Aug 18 Javascript
vue 每次渲染完页面后div的滚动条保持在最底部的方法
Mar 17 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
性能优化篇之Webpack构建速度优化的建议
Apr 03 Javascript
微信小程序3D轮播实现代码
Sep 19 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 之Section与Cookie使用总结
2012/09/14 PHP
解析php中用PHPMailer来发送邮件的示例(126.com的例子)
2013/06/24 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
PHP创建XML接口示例
2019/07/04 PHP
用一段js程序来实现动画功能
2007/03/06 Javascript
javascript 密码强度验证规则、打分、验证(给出前端代码,后端代码可根据强度规则翻译)
2010/05/18 Javascript
Jquery从头学起第四讲 jquery入门教程
2010/08/01 Javascript
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
jQuery实现动态添加和删除一个div
2015/08/12 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
拖动时防止选中
2017/02/03 Javascript
JavaScript ES6中export、import与export default的用法和区别
2017/03/14 Javascript
微信小程序如何像vue一样在动态绑定类名
2018/04/17 Javascript
微信小程序自定义toast的实现代码
2018/11/16 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
对Python 语音识别框架详解
2018/12/24 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
python导入不同目录下的自定义模块过程解析
2019/11/18 Python
Python scrapy增量爬取实例及实现过程解析
2019/12/24 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
幼儿园教师工作制度
2014/01/22 职场文书
运动会广播稿200米(5篇)
2014/10/15 职场文书
数学教师个人工作总结
2015/02/06 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
2016年先进教师个人事迹材料
2016/02/26 职场文书
十大最强妖精系宝可梦,哲尔尼亚斯实力最强,第五被称为大力士
2022/03/18 日漫