详解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 相关文章推荐
JavaScript与函数式编程解释
Apr 27 Javascript
JavaScript中Math对象使用说明
Jan 16 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
Dec 07 Javascript
入门基础学习 ExtJS笔记(一)
Nov 11 Javascript
js/html光标定位的实现代码
Sep 23 Javascript
Javascript获取当前日期的农历日期代码
Oct 08 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
详解js前端代码异常监控
Jan 11 Javascript
用React实现一个完整的TodoList的示例代码
Oct 30 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 Javascript
javascript实现贪吃蛇小练习
Jul 05 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 MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
PHP 闭包详解及实例代码
2016/09/28 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
THREE.JS入门教程(2)着色器-上
2013/01/24 Javascript
js控制页面的全屏展示和退出全屏显示的方法
2015/03/10 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
Html5 js实现手风琴效果
2020/04/17 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
Javascript中的getter和setter初识
2017/08/17 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
2020/09/16 Javascript
[01:03:54]Liquid vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
基于Django模板中的数字自增(详解)
2017/09/05 Python
分析运行中的 Python 进程详细解析
2019/06/22 Python
Python代码实现http/https代理服务器的脚本
2019/08/12 Python
Python如何爬取b站热门视频并导入Excel
2020/08/10 Python
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
一些关于MySql加速和优化的面试题
2014/01/30 面试题
六一儿童节活动策划方案
2014/01/27 职场文书
初中生评语大全
2014/04/24 职场文书
小学语文课后反思精选
2014/04/25 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
师德师风个人整改措施
2014/10/27 职场文书
部队2014年终工作总结
2014/11/27 职场文书
地雷战观后感
2015/06/09 职场文书
离职员工给领导和同事的感谢信
2015/11/03 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
Go语言基础切片的创建及初始化示例详解
2021/11/17 Golang
Mysql表数据比较大情况下修改添加字段的方法实例
2022/06/28 MySQL