js获取当前时间显示在页面上并每秒刷新


Posted in Javascript onDecember 24, 2014

方法很简单,代码也很简洁,直接奉上代码吧

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>js获取当前时间显示在页面上</title>

<script>

window.onload=function(){

//定时器每秒调用一次fnDate()

setInterval(function(){

fnDate();

},1000);

}

//js 获取当前时间

function fnDate(){

var oDiv=document.getElementById("div1");

var date=new Date();

var year=date.getFullYear();//当前年份

var month=date.getMonth();//当前月份

var data=date.getDate();//天

var hours=date.getHours();//小时

var minute=date.getMinutes();//分

var second=date.getSeconds();//秒

var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);

oDiv.innerHTML=time;

}

//补位 当某个字段不是两位数时补0

function fnW(str){

var num;

str>10?num=str:num="0"+str;

return num;

} 

</script>

</head>

<body>

<div id="div1"> </div>

</body>

</html>
Javascript 相关文章推荐
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
js Array对象的扩展函数代码
Apr 24 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
jquery 动态合并单元格的实现方法
Aug 26 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
使用Vue写一个datepicker的示例
Jan 27 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
vue-router启用history模式下的开发及非根目录部署方法
Dec 23 Javascript
React 实现车牌键盘的示例代码
Dec 20 Javascript
Javascript 多物体运动的实现
Dec 24 #Javascript
Javascript 运动中Offset的bug解决方案
Dec 24 #Javascript
jQuery中height()方法用法实例
Dec 24 #Javascript
jQuery中width()方法用法实例
Dec 24 #Javascript
jQuery中animate()方法用法实例
Dec 24 #Javascript
jQuery中fadeOut()方法用法实例
Dec 24 #Javascript
创建js对象和js类的方法汇总
Dec 24 #Javascript
You might like
PHP中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
PHP的PDO预处理语句与存储过程
2019/01/27 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
js上传图片预览的实现方法
2017/05/09 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
微信小程序webview 脚手架使用详解
2019/07/22 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
[04:27]2014DOTA2国际邀请赛 NAVI战队官方纪录片
2014/07/21 DOTA
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
python常见字符串处理函数与用法汇总
2019/10/30 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
2020/01/20 Python
python数据分析:关键字提取方式
2020/02/24 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
英国网上购买门:Direct Doors
2018/06/07 全球购物
英国网上购买肉类网站:Great British Meat
2018/10/17 全球购物
猫咪家具:CatsPlay
2018/11/03 全球购物
四川internet信息高速公路(C#)笔试题
2012/02/29 面试题
幼儿园中班下学期评语
2014/04/18 职场文书
感谢信范文大全
2015/01/23 职场文书
房地产项目合作意向书
2015/05/08 职场文书
《中彩那天》教学反思
2016/02/24 职场文书