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 相关文章推荐
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
jquery防止重复执行动画避免页面混乱
Apr 22 Javascript
JavaScript对象之深度克隆介绍
Dec 08 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
Feb 28 Javascript
jquery判断当前浏览器的实现代码
Nov 07 Javascript
浅谈JavaScript 中有关时间对象的方法
Aug 15 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
Sep 29 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
Dec 09 Javascript
JS实现的tab页切换效果完整示例
Dec 18 Javascript
JS立即执行的匿名函数用法分析
Nov 04 Javascript
Vue父子传递实例讲解
Feb 14 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 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
我的论坛源代码(九)
2006/10/09 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
Firefox下提示illegal character并出现乱码的原因
2010/03/25 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
js获取鼠标位置实例详解
2015/12/09 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
2016/03/30 Javascript
js选择器全面解析
2016/06/27 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
2016/07/12 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
vue实现PC端分辨率适配操作
2020/08/03 Javascript
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
在pandas中一次性删除dataframe的多个列方法
2018/04/10 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
python实现图片转字符画
2021/02/19 Python
新加坡航空官方网站:Singapore Airlines
2016/10/13 全球购物
来自Ocado的宠物商店:Fetch
2018/07/10 全球购物
全国文明单位申报材料
2014/05/31 职场文书
信用卡工作证明模板
2014/09/14 职场文书
2014班子“三严三实”对照检查材料思想汇报
2014/09/18 职场文书
2014年精神文明工作总结
2014/12/23 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
上班迟到检讨书
2015/05/06 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
浅谈Web Storage API的使用
2021/06/23 Javascript