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 相关文章推荐
Prototype使用指南之selector.js说明
Oct 26 Javascript
JavaScript 类型的包装对象(Typed Wrappers)
Oct 27 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
Feb 02 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
knockoutjs动态加载外部的file作为component中的template数据源的实现方法
Sep 01 Javascript
使用Vue制作图片轮播组件思路详解
Mar 21 Javascript
vue自定义底部导航栏Tabbar的实现代码
Sep 03 Javascript
mpvue将vue项目转换为小程序
Sep 30 Javascript
javascript自定义日期比较函数用法示例
Jul 22 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
Feb 25 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伪静态的实现详细介绍
2013/04/28 PHP
php正则表达式学习笔记
2015/11/13 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
一个简单的js动画效果代码
2010/07/20 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
jquery实现预览提交的表单代码分享
2014/05/21 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
JavaScript跨浏览器获取页面中相同class节点的方法
2015/03/03 Javascript
jQuery Validate表单验证入门学习
2015/12/18 Javascript
JavaScript时间操作之年月日星期级联操作
2016/01/15 Javascript
复杂的javascript窗口分帧解析
2016/02/19 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
AngularJS基础 ng-srcset 指令简单示例
2016/08/03 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
2016/09/05 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
JS利用cookies设置每隔24小时弹出框
2017/04/20 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
vue请求数据的三种方式
2020/03/04 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
Django中的forms组件实例详解
2018/11/08 Python
Django Rest framework之认证的实现代码
2018/12/17 Python
python ftplib模块使用代码实例
2019/12/31 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
印度低票价航空公司:GoAir
2017/10/11 全球购物
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
是什么让J2EE适合用来开发多层的分布式的应用
2015/01/16 面试题
中软国际Java程序员笔试题
2014/07/19 面试题
专升本个人自我评价
2013/12/22 职场文书
时尚休闲吧创业计划书
2014/01/25 职场文书
宣传策划类求职信范文
2014/01/31 职场文书
英文版辞职信
2015/02/28 职场文书
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis