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 相关文章推荐
JS打开图片另存为对话框实现代码
Dec 26 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
Jul 04 Javascript
JavaScript极简入门教程(二):对象和函数
Oct 25 Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 Javascript
JavaScript的==运算详解
Jul 20 Javascript
关于js二维数组和多维数组的定义声明(详解)
Oct 02 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
jQuery模拟窗口抖动效果
Mar 15 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
Jun 17 Javascript
vue实现在线学生录入系统
May 30 Javascript
Vue实现下拉加载更多
May 09 Vue.js
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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
PHP日期时间函数的高级应用技巧
2009/05/16 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
PHP7 windows支持
2021/03/09 PHP
js 编码转换 gb2312 和 utf8 互转的2种方法
2013/08/07 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
JS中的eval 为什么加括号
2016/04/13 Javascript
js实现简单的二级联动效果
2017/03/09 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
2019/05/17 jQuery
了解javascript中的Dom操作
2019/05/27 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
weui上传多图片,压缩,base64编码的示例代码
2020/06/22 Javascript
下载糗事百科的内容_python版
2008/12/07 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
对django后台admin下拉框进行过滤的实例
2019/07/26 Python
Django 响应数据response的返回源码详解
2019/08/06 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
Python hashlib模块的使用示例
2020/10/09 Python
matplotlib交互式数据光标mpldatacursor的实现
2021/02/03 Python
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
什么叫应用程序域?什么是托管代码?什么是强类型系统?什么是装箱和拆箱?什么是重载?CTS、CLS和CLR分别作何解释?
2012/05/23 面试题
师范生实习个人的自我评价
2013/09/28 职场文书
英文翻译的自我评价语句
2013/10/04 职场文书
《囚绿记》教学反思
2014/03/01 职场文书
《春晓》教学反思
2014/04/20 职场文书
小学学习委员竞选稿
2015/11/20 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书