编程 Javascript

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程序设计有所帮助。

- Author -

songguo

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript Array对象基础知识小结

Nov 16 Javascript

javascript自动改变文字大小和颜色的效果的小例子

Aug 02 Javascript

jQuery分别获取选中的复选框值的示例

Jun 17 Javascript

如何让一个json文件显示在表格里【实现代码】

May 09 Javascript

详解JS中定时器setInterval和setTImeout的this指向问题

Jan 06 Javascript

jQuery Plupload上传插件的使用

Apr 19 jQuery

vue中页面跳转拦截器的实现方法

Aug 23 Javascript

JavaScript中错误正确处理方式小结你用对了吗

Oct 10 Javascript

javascript实现循环广告条效果

Dec 12 Javascript

Vue 换肤的示例实践

Jan 23 Javascript

js tab栏切换代码实例解析

Sep 03 Javascript

Vue v-model组件封装(类似弹窗组件)

Jan 08 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

MVC模式的PHP实现

2006/10/09 PHP

PHP时间格式控制符对照表分享

2013/07/23 PHP

PHP实现图片不变型裁剪及图片按比例裁剪的方法

2016/01/14 PHP

Laravel5框架添加自定义辅助函数的方法

2018/08/01 PHP

Jquery 基础学习笔记之文档处理

2009/05/29 Javascript

Mootools 1.2 手风琴（Accordion）教程

2009/09/15 Javascript

小议Javascript中的this指针

2010/03/18 Javascript

javascript URL编码和解码使用说明

2010/04/12 Javascript

IE6,IE7下js动态加载图片不显示错误

2010/07/17 Javascript

js获取当前地址 JS获取当前URL的示例代码

2014/02/26 Javascript

告诉你什么是javascript的回调函数

2014/09/04 Javascript

JavaScript转换与解析JSON方法实例详解

2015/11/24 Javascript

深入理解JavaScript中的call、apply、bind方法的区别

2016/05/30 Javascript

Javascript动画效果（3）

2016/10/11 Javascript

Angularjs2不同组件间的通信实例代码

2017/05/06 Javascript

微信小程序模板template简单用法示例

2018/12/04 Javascript

微信小程序地图绘制线段并且测量(实例代码)

2020/01/02 Javascript

JS通过识别id、value值对checkbox设置选中状态

2020/02/19 Javascript

Node使用koa2实现一个简单JWT鉴权的方法

2021/01/26 Javascript

利用Python绘制MySQL数据图实现数据可视化

2015/03/30 Python

对Python subprocess.Popen子进程管道阻塞详解

2018/10/29 Python

[原创]Python入门教程3. 列表基本操作【定义、运算、常用函数】

2018/10/30 Python

python爬虫租房信息在地图上显示的方法

2019/05/13 Python

python 自定义装饰器实例详解

2019/07/20 Python

Python利用WMI实现ping命令的例子

2019/08/14 Python

Python 求数组局部最大值的实例

2019/11/26 Python

python 实现读取csv数据,分类求和再写进 csv

2020/05/18 Python

英国购买威士忌网站：Master of Malt

2019/09/26 全球购物

编程实现当输入某产品代码则打印出该产品记录的功能

2014/05/03 面试题

《宿建德江》教学反思

2014/04/23 职场文书

植物生产学专业求职信

2014/08/08 职场文书

单位员工收入证明样本

2014/10/09 职场文书

三好学生评语大全

2014/12/29 职场文书

庆祝教师节新闻稿

2015/07/17 职场文书

2015年语言文字工作总结

2015/07/23 职场文书

Python编程中Python与GIL互斥锁关系作用分析

2021/09/15 Python