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 相关文章推荐
URI、URL和URN之间的区别与联系
Dec 20 Javascript
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
JavaScript 用Node.js写Shell脚本[译]
Sep 20 Javascript
TypeScript具有的几个不同特质
Apr 07 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 Javascript
JavaScript知识点总结之如何提高性能
Jan 15 Javascript
angular中的cookie读写方法
Aug 02 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
Vue组件和Route的生命周期实例详解
Feb 10 Javascript
AngularJs分页插件使用详解
Jun 30 Javascript
js实现各浏览器全屏代码实例
Jul 03 Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 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
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
php中的curl使用入门教程和常见用法实例
2014/04/10 PHP
PHP程序员基本要求和必备技能
2014/05/09 PHP
ThinkPHP入库出现两次反斜线转义及数据库类转义的解决方法
2014/11/04 PHP
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
2014/05/04 Javascript
javaScript使用EL表达式的几种方式
2014/05/27 Javascript
JavaScript实现将文本框的值插入指定位置的方法
2015/08/13 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
2016/05/03 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
vue项目使用微信公众号支付总结及遇到的坑
2018/10/23 Javascript
基于element-ui组件手动实现单选和上传功能
2018/12/06 Javascript
解决layer 动态加载select 失效的问题
2019/09/18 Javascript
vuejs实现下拉框菜单选择
2020/10/23 Javascript
python实现跨文件全局变量的方法
2014/07/07 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
python 浮点数四舍五入需要注意的地方
2020/08/18 Python
潘多拉珠宝美国官方网站:Pandora US
2020/06/18 全球购物
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
母亲七十大寿答谢词
2014/01/18 职场文书
少年闰土教学反思
2014/02/22 职场文书
《美丽的小兴安岭》教学反思
2014/02/26 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
护士毕业实习感言
2014/03/05 职场文书
相亲大会策划方案
2014/06/05 职场文书
动画设计系毕业生求职信
2014/07/15 职场文书
小学运动会演讲稿
2014/08/25 职场文书
金正昆讲礼仪观后感
2015/06/11 职场文书
父亲去世追悼词
2015/06/23 职场文书
2016年中秋节寄语大全
2015/12/07 职场文书
导游词之井冈山
2019/11/20 职场文书