编程 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实现unicode和字符的互相转换

Jul 18 Javascript

javascript 窗口加载蒙板内嵌网页内容

Nov 19 Javascript

JavaScript自定义日期格式化函数详细解析

Jan 14 Javascript

JavaScript日期时间格式化函数分享

May 05 Javascript

JavaScript strike方法入门实例（给字符串加上删除线）

Oct 17 Javascript

javascript实现自动输出文本（打字特效）

Aug 27 Javascript

JS实现具备延时功能的滑动门菜单效果

Sep 17 Javascript

AngularJS基于ui-route实现深层路由的方法【路由嵌套】

Dec 14 Javascript

node使用UEditor富文本编辑器的方法实例

Jul 11 Javascript

解决vue 打包发布去#和页面空白的问题

Sep 04 Javascript

在vue中解决提示警告 for循环报错的方法

Sep 28 Javascript

JavaScript的一些小技巧分享

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

Discuz Uchome ajaxpost小技巧

2011/01/04 PHP

PHP filter_var() 函数 Filter 函数

2012/04/25 PHP

Zend Framework+smarty用法实例详解

2016/03/19 PHP

php文件上传类完整实例

2016/05/14 PHP

jQuery+.net实现浏览更多内容(改编php版本)

2013/03/28 Javascript

Enter回车切换输入焦点实现思路与代码兼容各大浏览器

2014/09/01 Javascript

JavaScript 学习笔记之变量及其作用域

2015/01/14 Javascript

jQuery团购倒计时特效实现方法

2015/05/07 Javascript

JavaScript动态添加style节点的方法

2015/06/09 Javascript

jQuery ajax时间差导致的变量赋值问题分析

2016/01/22 Javascript

浅谈js原生拖放

2016/11/21 Javascript

微信小程序 PHP生成带参数二维码

2017/02/21 Javascript

jquery 手势密码插件

2017/03/17 Javascript

详解Vue 普通对象数据更新与 file 对象数据更新

2017/04/26 Javascript

基于hover的用法实例(推荐)

2017/07/04 Javascript

微信小程序开发之自定义tabBar的实现

2018/09/06 Javascript

angularjs获取到My97DatePicker选中的值方法

2018/10/02 Javascript

VuePress 快速踩坑小结

2019/02/14 Javascript

Vue+ElementUI项目使用webpack输出MPA的方法

2019/08/27 Javascript

vue中的v-model原理,与组件自定义v-model详解

2020/08/04 Javascript

vue项目页面嵌入代码块vue-prism-editor的实现

2020/10/30 Javascript

[04:16]DOTA2全国高校联赛16强抽签

2018/05/02 DOTA

python在windows下实现ping操作并接收返回信息的方法

2015/03/20 Python

Python基础教程之正则表达式基本语法以及re模块

2016/03/25 Python

python内置函数：lambda、map、filter简单介绍

2017/11/16 Python

使用Python进行QQ批量登录的实例代码

2018/06/11 Python

python实现字符串中字符分类及个数统计

2018/09/28 Python

python2.7的flask框架之引用js&css等静态文件的实现方法

2019/08/22 Python

pytorch之Resize()函数具体使用详解

2020/02/27 Python

利用python查看数组中的所有元素是否相同

2021/01/08 Python

求职面试个人自我评价

2014/02/28 职场文书

中学生2014国庆节演讲稿：不屈的民族

2014/09/21 职场文书

上班迟到检讨书

2015/05/06 职场文书

全国劳模先进事迹材料（2016精选版）

2016/02/25 职场文书

一文弄懂MySQL索引创建原则

2022/02/28 MySQL

Python循环之while无限迭代

2022/04/30 Python