js实时获取并显示当前时间的方法


Posted in Javascript onJuly 31, 2015

本文实例讲述了js实时获取并显示当前时间的方法。分享给大家供大家参考。具体实现方法如下:

js部分如下:

<script type="text/javascript">
 window.onload = function() {
  var show = document.getElementById("show");
  setInterval(function() {
   var time = new Date();
   // 程序计时的月从0开始取值后+1
   var m = time.getMonth() + 1;
   var t = time.getFullYear() + "-" + m + "-"
     + time.getDate() + " " + time.getHours() + ":"
     + time.getMinutes() + ":" + time.getSeconds();
   show.innerHTML = t;
  }, 1000);
 };
</script>

html部分如下:

<div id="show"></div>

显示值如下:

2015-7-31 8:47:5

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript 年月日联动实现核心代码
Dec 21 Javascript
基于jquery的返回顶部效果(兼容IE6)
Jan 17 Javascript
从阶乘函数对比Javascript和C#的异同
May 31 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
Jan 26 Javascript
js判断文本框输入的内容是否为数字
Dec 23 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
详解获取jq ul第一个li定位的四种解决方案
Nov 23 Javascript
详解JavaScript常量定义
Jan 03 Javascript
浅析Angular2子模块以及异步加载
Apr 24 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
浅谈Vue.use到底是什么鬼
Jan 21 Javascript
Javascript实现的Map集合工具类完整实例
Jul 31 #Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 #Javascript
javascript实现列表滚动的方法
Jul 30 #Javascript
百度地图API之本地搜索与范围搜索
Jul 30 #Javascript
javaScript实现滚动新闻的方法
Jul 30 #Javascript
javascript中递归函数用法注意点
Jul 30 #Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
Jul 30 #Javascript
You might like
杏林同学录(七)
2006/10/09 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
PHP框架自动加载类文件原理详解
2017/06/06 PHP
event.srcElement+表格应用
2006/08/29 Javascript
JavaScript 高效运行代码分析
2010/03/18 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
javascript正则表达式之search()用法实例
2015/01/19 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
express如何使用session与cookie的方法
2018/01/30 Javascript
vue.js计算属性computed用法实例分析
2018/07/06 Javascript
用原生 JS 实现 innerHTML 功能实例详解
2019/04/03 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
2020/03/23 Javascript
python实现简单ftp客户端的方法
2015/06/28 Python
python简单实现刷新智联简历
2016/03/30 Python
在Python中定义和使用抽象类的方法
2016/06/30 Python
浅谈Python爬取网页的编码处理
2016/11/04 Python
Python栈算法的实现与简单应用示例
2017/11/01 Python
Python贪心算法实例小结
2018/04/22 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
python二维图制作的实例代码
2020/12/03 Python
CSS3制作气泡对话框的实例教程
2016/05/10 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
写求职信有什么意义
2014/02/17 职场文书
企业贷款委托书格式
2014/09/12 职场文书
国庆节标语大全
2014/10/08 职场文书
营业员岗位职责
2015/02/11 职场文书
商务代表岗位职责
2015/02/15 职场文书
预备党员半年考察意见
2015/06/01 职场文书
高中升旗仪式主持词
2015/07/03 职场文书
优秀毕业生主要事迹材料
2015/11/04 职场文书
高三物理教学反思
2016/02/20 职场文书
Python关于OS文件目录处理的实例分享
2021/05/23 Python