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 数组运用实现代码
Apr 13 Javascript
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
js中document.referrer实现移动端返回上一页
Feb 22 Javascript
ES6深入理解之“let”能替代”var“吗?
Jun 28 Javascript
在antd4.0中Form使用initialValue操作
Nov 02 Javascript
小程序实现tab标签页
Nov 16 Javascript
Vue 实现拨打电话操作
Nov 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
WINDOWS 2000下使用ISAPI方式安装PHP
2006/09/05 PHP
PHP判断访客是否手机端(移动端浏览器)访问的方法总结【4种方法】
2019/03/27 PHP
用 JavaScript 迁移目录
2006/12/18 Javascript
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
javascript中数组中求最大值示例代码
2013/12/18 Javascript
document.compatMode的CSS1compat使用介绍
2014/04/03 Javascript
js换图片效果可进行定时操作
2014/06/09 Javascript
jQuery插件slider实现拖动滑块选取价格范围
2015/04/30 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
js实现微博发布小功能
2017/01/12 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
学习python的几条建议分享
2013/02/10 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
python web框架 django wsgi原理解析
2019/08/20 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
结合CSS3的布局新特征谈谈常见布局方法
2016/01/22 HTML / CSS
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
详解如何使用CSS3中的结构伪类选择器和伪元素选择器
2020/01/06 HTML / CSS
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
Nike俄罗斯官方网站:Nike RU
2021/03/05 全球购物
EJB的基本架构
2016/09/22 面试题
党员个人公开承诺书
2014/08/29 职场文书
领导班子三严三实心得体会
2014/10/13 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
积极心理学课程心得体会
2016/01/22 职场文书
如何撰写创业策划书
2019/06/27 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
Java中Quartz高可用定时任务快速入门
2022/04/03 Java/Android
vscode内网访问服务器的方法
2022/06/28 Servers
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技