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 相关文章推荐
ie 调试javascript的工具
Apr 29 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 Javascript
JS读取cookies信息(记录用户名)
Jan 10 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
Sep 30 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
jquery 取子节点及当前节点属性值
Jul 25 Javascript
jquery取消事件冒泡的三种方法(推荐)
May 28 Javascript
使用Angular.js实现简单的购物车功能
Nov 21 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
JS window对象简单操作完整示例
Jan 14 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 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 MYSQL中插入当前时间
2008/04/06 PHP
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
判断日期是否能跨月查询的js代码
2014/07/25 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
浅谈Angularjs link和compile的使用区别
2016/10/21 Javascript
js实现的在线调色板功能完整实例
2016/12/21 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
利用jsonp解决js读取本地json跨域的问题
2018/12/11 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
p5.js绘制创意自画像
2019/11/04 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
利用JavaScript为句子加标题的3种方法示例
2021/01/05 Javascript
python中的函数用法入门教程
2014/09/02 Python
python抓取最新博客内容并生成Rss
2015/05/17 Python
Python 内置函数complex详解
2016/10/23 Python
centos6.5安装python3.7.1之后无法使用pip的解决方案
2019/02/14 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
Python和Sublime整合过程图示
2019/12/25 Python
Python对excel的基本操作方法
2021/02/18 Python
英国花园家具中心:Garden Furniture Centre
2017/08/24 全球购物
Order by的几种用法
2013/06/16 面试题
StringBuilder和String的区别
2015/05/18 面试题
2013年入党人员的自我鉴定
2013/10/25 职场文书
会计系中文个人求职信
2013/12/24 职场文书
离职保密承诺书
2014/05/28 职场文书
新闻学专业职业生涯规划范文:我的人生我做主
2014/09/12 职场文书
2014年党支部工作总结
2014/11/13 职场文书
2014年防汛工作总结
2014/12/08 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
MySQL RC事务隔离的实现
2022/03/31 MySQL