详解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 相关文章推荐
asp javascript 实现关闭窗口时保存数据的办法
Nov 24 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 Javascript
原始XMLHttpRequest方法详情回顾
Nov 28 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 jQuery
angular select 默认值设置方法
Jun 23 Javascript
Webpack性能优化 DLL 用法详解
Aug 10 Javascript
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
vue+element的表格实现批量删除功能示例代码
Aug 17 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 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
10个简化PHP开发的工具
2014/12/25 PHP
ThinkPHP 3.2 版本升级了哪些内容
2015/03/05 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
Javascript call和apply区别及使用方法
2013/11/14 Javascript
基于jquery实现的文字淡入淡出效果
2013/11/14 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
javaScript中push函数用法实例分析
2015/06/08 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
举例讲解如何判断JavaScript中对象的类型
2016/04/22 Javascript
利用jquery如何从json中读取数据追加到html中
2017/12/01 jQuery
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
详解微信小程序调用支付接口支付
2019/04/28 Javascript
Layui 解决表格异步调用后台分页的问题
2019/10/26 Javascript
微信小程序实现电子签名并导出图片
2020/05/27 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
Python爬虫框架Scrapy实战之批量抓取招聘信息
2015/08/07 Python
浅谈python已知元素,获取元素索引(numpy,pandas)
2019/11/26 Python
Pytorch 实现计算分类器准确率(总分类及子分类)
2020/01/18 Python
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
个人生活学习自我评价范文
2013/11/26 职场文书
广告学毕业生求职信
2014/01/30 职场文书
干部现实表现材料
2014/02/13 职场文书
创业者迈进成功第一步:如何写创业计划书?
2014/03/22 职场文书
2014年仓库管理工作总结
2014/12/17 职场文书
python实现的web监控系统
2021/04/27 Python
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript
Centos系统通过Docker安装并搭建MongoDB数据库
2022/04/12 MongoDB
Redis基本数据类型List常用操作命令
2022/06/01 Redis