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 相关文章推荐
40款非常棒的jQuery 插件和制作教程(系列二)
Nov 02 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
Mar 04 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
jQuery插件FusionCharts实现的2D饼状图效果【附demo源码下载】
Mar 03 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
Feb 23 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 Javascript
如何用JS模拟实现数组的map方法
Jul 30 Javascript
js实现鼠标滑动到某个div禁止滚动
Sep 17 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生成自己的LOG文件
2006/10/09 PHP
可定制的PHP缩略图生成程式(需要GD库支持)
2007/03/06 PHP
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
今天是星期几的4种JS代码写法
2013/09/17 Javascript
jQuery避免$符和其他JS库冲突的方法对比
2014/02/20 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
2016/01/19 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
React如何解决fetch跨域请求时session失效问题
2018/11/02 Javascript
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
Python压缩和解压缩zip文件
2015/02/14 Python
python中的装饰器详解
2015/04/13 Python
python3.5 email实现发送邮件功能
2018/05/22 Python
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
Python中turtle库的使用实例
2019/09/09 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
优秀员工推荐信
2014/05/10 职场文书
银行青年文明号事迹材料
2014/05/31 职场文书
秋季运动会演讲稿
2014/09/16 职场文书
政风行风建设整改方案
2014/10/27 职场文书
文明家庭事迹材料
2014/12/20 职场文书