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 相关文章推荐
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
jQuery简单实现遍历数组的方法
Apr 14 Javascript
javascript 使用for循环时该注意的问题-附问题总结
Aug 19 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
Vue.js快速入门实例教程
Oct 15 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
面试常见的js算法题
Mar 23 Javascript
详解js类型判断
May 22 Javascript
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
小程序click-scroll组件设计
Jun 18 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 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获取文件相对路径的方法
2015/02/26 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
Laravel如何实现适合Api的异常处理响应格式
2020/06/14 PHP
textContent在Firefox下与innerText等效的属性
2007/05/12 Javascript
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
javascript jQuery插件练习
2008/12/24 Javascript
js window.event对象详尽解析
2009/02/17 Javascript
Jquery拖拽并简单保存的实现代码
2010/11/28 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
JavaScript事件委托技术实例分析
2015/02/06 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
2016/09/05 Javascript
浅析JavaScript中break、continue和return的区别
2016/11/30 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
[02:05:03]完美世界DOTA2联赛循环赛 LBZS VS Matador BO2 10.28
2020/10/28 DOTA
python简单猜数游戏实例
2015/07/09 Python
Python的净值数据接口调用示例分享
2016/03/15 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
python随机模块random使用方法详解
2020/02/14 Python
Python使用进程Process模块管理资源
2020/03/05 Python
Python面向对象程序设计之继承、多态原理与用法详解
2020/03/23 Python
Pymysql实现往表中插入数据过程解析
2020/06/02 Python
详解python logging日志传输
2020/07/01 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
土木工程专业自荐信
2013/10/04 职场文书
活动志愿者自荐信
2014/01/27 职场文书
《自选商场》教学反思
2014/02/14 职场文书
《菜园里》教学反思
2014/04/17 职场文书
教师节班会开场白
2015/06/01 职场文书
2019个人工作态度自我评价
2019/04/24 职场文书
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL