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 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 Javascript
jQuery晃动层特效实现方法
Mar 09 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
JS+CSS实现另类带提示效果的竖向导航菜单
Oct 15 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
Sep 19 Javascript
node实现登录图片验证码的示例代码
Apr 20 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
Node.js 在本地生成日志文件的方法
Feb 07 Javascript
Element图表初始大小及窗口自适应实现
Jul 10 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
DWZ+ThinkPHP开发时遇到的问题分析
2016/12/12 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
Laravel框架使用Redis的方法详解
2018/05/30 PHP
PHP远程连接oracle数据库操作实现方法图文详解
2019/04/11 PHP
js select常用操作控制代码
2010/03/16 Javascript
Jquery跨域获得Json时invalid label错误的解决办法
2011/01/11 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
一个例子轻松学会Vue.js
2017/01/02 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
Vue的生命周期操作示例
2019/09/17 Javascript
详解如何使用React Hooks请求数据并渲染
2020/10/18 Javascript
用Python给文本创立向量空间模型的教程
2015/04/23 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
python交换两个变量的值方法
2019/01/12 Python
对PyQt5的输入对话框使用(QInputDialog)详解
2019/06/25 Python
python实现简易学生信息管理系统
2020/04/05 Python
使用python绘制温度变化雷达图
2019/10/18 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
python中查看.db文件中表格的名字及表格中的字段操作
2020/07/07 Python
Python3+RIDE+RobotFramework自动化测试框架搭建过程详解
2020/09/23 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
HTML5添加鼠标悬浮音响效果不使用FLASH
2014/04/23 HTML / CSS
ET Mall东森购物网:东森严选
2017/03/06 全球购物
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
护士自荐信怎么写
2013/10/18 职场文书
小区推广策划方案
2014/06/06 职场文书
Vue-Element-Admin集成自己的接口实现登录跳转
2021/06/23 Vue.js