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 相关文章推荐
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
浅谈javascript原型链与继承
Jul 13 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
Mar 11 Javascript
微信小程序 聊天室简单实现
Apr 19 Javascript
js如何获取网页所有图片
May 12 Javascript
详解webpack babel的配置
Jan 09 Javascript
详解angular部署到iis出现404解决方案
Aug 14 Javascript
详解在create-react-app使用less与antd按需加载
Dec 06 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 Javascript
微信小程序自定义胶囊样式
Dec 27 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
使ecshop模板中可引用常量的实现方法
2011/06/02 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
php实现按照权重随机排序数据的方法
2015/01/09 PHP
php获取远程文件大小
2015/10/20 PHP
Yii2中cookie用法示例分析
2016/07/18 PHP
浅析php-fpm静态和动态执行方式的比较
2016/11/09 PHP
PHP使用PDO创建MySQL数据库、表及插入多条数据操作示例
2019/05/30 PHP
php 的多进程操作实践案例分析
2020/02/28 PHP
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
2017/04/19 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
RxJS在TypeScript中的简单使用详解
2020/04/13 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
python实现彩票系统
2020/06/28 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
Myprotein葡萄牙官方网站:英国优质运动营养品牌
2016/09/12 全球购物
世界最大的海报和艺术印刷商店:AllPosters.com
2017/02/01 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
工业学校毕业生自荐信范文
2014/01/03 职场文书
商场总经理岗位职责
2014/02/03 职场文书
办公室主任主任岗位责任制
2014/02/11 职场文书
学校交通安全责任书
2014/08/25 职场文书
村党支部群众路线教育实践活动对照检查材料
2014/09/26 职场文书
结婚老公保证书
2015/02/26 职场文书
2015年度内部审计工作总结
2015/05/20 职场文书
《小摄影师》教学反思
2016/02/18 职场文书
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
Python进行区间取值案例讲解
2021/08/02 Python
Go 中的空白标识符下划线
2022/03/25 Golang
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技