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代码的实现一个图片向上滚动切换
Sep 02 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
封装属于自己的JS组件
Jan 27 Javascript
JavaScript数据结构与算法之栈与队列
Jan 29 Javascript
BootStrap tooltip提示框使用小结
Oct 26 Javascript
layUI实现列表查询功能
Jul 27 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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如何透过ODBC来存取数据库
2006/10/09 PHP
php下正则来匹配dede模板标签的代码
2010/08/21 PHP
如何用php生成扭曲及旋转的验证码图片
2013/06/07 PHP
php中数字0和空值的区别分析
2014/06/05 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
2015/09/06 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
利用jquery实现瀑布流3种案例
2016/09/18 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
vue.js数据绑定操作详解
2018/04/23 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
深入解析Python中的list列表及其切片和迭代操作
2016/03/13 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
python框架flask表单实现详解
2019/11/04 Python
解决Keras TensorFlow 混编中 trainable=False设置无效问题
2020/06/28 Python
matplotlib基础绘图命令之bar的使用方法
2020/08/13 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
如何使用Python进行PDF图片识别OCR
2021/01/22 Python
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
一道输出判断型Java面试题
2014/10/01 面试题
延安红色之旅心得体会
2014/10/07 职场文书
个人贷款授权委托书样本
2014/10/07 职场文书
2014最新党员违纪检讨书
2014/10/12 职场文书
逃课检讨书怎么写
2015/01/01 职场文书
保险公司反洗钱宣传活动总结
2015/05/08 职场文书
民主生活会主持词
2015/07/01 职场文书
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers