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判断checkbox(复选框)是否被选中的代码
Oct 20 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
Nov 11 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
js实现瀑布流的一种简单方法实例分享
Nov 04 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
基于js中的原型、继承的一些想法
Aug 10 Javascript
jQuery实现简洁的轮播图效果实例
Sep 07 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 Javascript
vue+elementUI组件table实现前端分页功能
Nov 15 Javascript
JS删除对象中某一属性案例详解
Sep 08 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
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
js获取光标位置和设置文本框光标位置示例代码
2014/01/09 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
JS实现的论坛Ajax打分效果完整实例
2015/10/31 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
jQuery Validate插件自定义验证规则的方法
2016/12/27 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
Bootstrap实现下拉菜单多级联动
2017/11/23 Javascript
angularJs利用$scope处理升降序的方法
2018/10/08 Javascript
小程序实现列表点赞功能
2018/11/02 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
2019/09/19 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
2020/06/05 Javascript
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
Python实现九宫格式的朋友圈功能内附“马云”朋友圈
2019/05/07 Python
python+selenium实现简历自动刷新的示例代码
2019/05/20 Python
python中使用while循环的实例
2019/08/05 Python
Flask框架路由和视图用法实例分析
2019/11/07 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
前端实现背景虚化但内容清晰且自适应 的实例代码
2019/08/01 HTML / CSS
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
个人作风剖析材料
2014/02/02 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
代理协议书
2014/04/22 职场文书
宣传标语大全
2014/07/01 职场文书
环境科学专业求职信
2014/08/04 职场文书
医院2014国庆节活动策划方案
2014/09/21 职场文书
2014年教育实习工作总结
2014/11/22 职场文书
初中同学会致辞
2015/08/01 职场文书
学校教师培训工作总结
2015/10/14 职场文书
配置Kubernetes外网访问集群
2022/03/31 Servers