详解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 相关文章推荐
JS解决ie6下png透明的方法实例
Aug 02 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
Dec 29 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
Node.js返回JSONP详解
May 18 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
JS异步文件分片断点上传的实现思路
Dec 25 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 Javascript
微信小程序实现列表滚动头部吸顶的示例代码
Jul 12 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处理bmp格式图片的方法分析
2017/07/04 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
js获取图片大小的函数代码
2011/09/20 Javascript
JS 实现获取打开一个界面中输入的值
2013/03/19 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
动态加载JS文件的三种方法
2013/11/08 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
bootstrap table配置参数例子
2017/01/05 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
2019/04/11 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
[57:31]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第一场 2月1日
2021/03/11 DOTA
Python 连连看连接算法
2008/11/22 Python
Python中的并发编程实例
2014/07/07 Python
Python实现字符串格式化的方法小结
2017/02/20 Python
详解python3中zipfile模块用法
2018/06/18 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
python GUI编程(Tkinter) 创建子窗口及在窗口上用图片绘图实例
2020/03/04 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
CSS3 画基本图形,圆形、椭圆形、三角形等
2016/09/20 HTML / CSS
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
最好的商品表达自己:Cafepress
2019/09/04 全球购物
工业自动化专业自荐信范文
2014/04/10 职场文书
初婚未育证明样本
2014/10/24 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
行政答辩状范文
2015/05/21 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android