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


Posted in Javascript onMay 10, 2019

本文实例为大家分享了js实时获取并显示当前时间l的具体代码,供大家参考,具体内容如下

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>

第二种

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="gb2312">
<title></title>
<script type="text/javascript"> 
window.onload=function(){ 
setInterval(function(){  
var date=new Date();  
var year=date.getFullYear(); //获取当前年份  
var mon=date.getMonth()+1; //获取当前月份  
var da=date.getDate(); //获取当前日  
var day=date.getDay(); //获取当前星期几  
var h=date.getHours(); //获取小时  
var m=date.getMinutes(); //获取分钟  
var s=date.getSeconds(); //获取秒  
var d=document.getElementById('Date');  
d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s; },1000) }
</script>
</head>
<body>
<div id="Date"> </div>
</body>
</html>

以上所述是小编给大家介绍的js实时获取并显示当前时间的方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
点击文章内容处弹出页面代码
Oct 01 Javascript
jquery 插件开发 extjs中的extend用法小结
Jan 04 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
Jun 17 Javascript
关于Javascript回调函数的一个妙用
Aug 29 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
浅谈angular4生命周期钩子
Sep 05 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
JavaScript 跨域之POST实现方法
May 07 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
插件导致ECharts被全量引入的坑示例解析
Sep 23 Javascript
JS获取本地地址及天气的方法实例小结
May 10 #Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 #Javascript
vue无限轮播插件代码实例
May 10 #Javascript
js中的深浅拷贝问题简析
May 10 #Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
May 10 #Javascript
详解jQuery如何实现模糊搜索
May 10 #jQuery
JS匿名函数内部this指向问题详析
May 10 #Javascript
You might like
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
编写PHP脚本使WordPress的主题支持Widget侧边栏
2015/12/14 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
保证JavaScript和Asp、Php等后端程序间传值编码统一
2009/04/17 Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
jQuery 创建Dom元素
2010/05/07 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
2016/01/19 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
node内置调试方法总结
2018/02/22 Javascript
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
js实现小球在页面规定的区域运动
2020/06/16 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
python基础教程之Hello World!
2014/08/29 Python
python实现报表自动化详解
2017/11/16 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
.NET面试题:什么是值类型和引用类型
2016/01/12 面试题
初一体育教学反思
2014/01/29 职场文书
副董事长岗位职责
2014/04/02 职场文书
医德医风自我评价
2014/09/19 职场文书
婚庆答谢词
2015/01/04 职场文书
2015暑假打工实践报告
2015/07/13 职场文书
体育部部长竞选稿
2015/11/21 职场文书
2016五四青年节活动总结范文
2016/04/06 职场文书
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL
详解Vue中$props、$attrs和$listeners的使用方法
2022/02/18 Vue.js