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 模拟类搜索框自动完成搜索提示功能(改进)
May 24 Javascript
JQuery选择器特辑 详细小结
May 14 Javascript
js借助ActiveXObject实现创建文件
Sep 29 Javascript
js命名空间写法示例
Dec 18 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
May 30 Javascript
Js中async/await的执行顺序详解
Sep 22 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
Jun 15 Javascript
说说如何使用Vuex进行状态管理(小结)
Apr 14 Javascript
vue实现打地鼠小游戏
Aug 21 Javascript
vue自定义树状结构图的实现方法
Oct 18 Javascript
js canvas实现五子棋小游戏
Jan 22 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代码
2006/12/06 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
PHP实现发送邮件的方法(基于简单邮件发送类)
2015/12/17 PHP
基于ThinkPHP实现批量删除
2015/12/18 PHP
php的常量和变量实例详解
2017/06/27 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
javascript URL锚点取值方法
2009/02/25 Javascript
初识Node.js
2014/09/03 Javascript
老生常谈javascript的类型转换
2016/10/12 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
微信小程序通过api接口将json数据展现到小程序示例
2017/01/20 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
JS SetInterval 代码实现页面轮询
2017/08/11 Javascript
javaScript字符串工具类StringUtils详解
2017/12/08 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
vue编写简单的购物车功能
2021/01/08 Vue.js
[08:06]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant 选手采访
2021/03/11 DOTA
Python中文字符串截取问题
2015/06/15 Python
Python 调用Java实例详解
2017/06/02 Python
Python+opencv 实现图片文字的分割的方法示例
2019/07/04 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
html5指南-7.geolocation结合google maps开发一个小的应用
2013/01/07 HTML / CSS
联想新加坡官方网站:Lenovo Singapore
2017/10/24 全球购物
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
台湾母婴用品限时团购:妈咪爱
2018/08/03 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
怎样在程序里获得一个空指针
2015/01/24 面试题
自考毕业生自我鉴定
2013/11/04 职场文书
大学运动会入场词
2014/02/22 职场文书
导游词之江南周庄
2019/12/06 职场文书