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 相关文章推荐
javascript中的继承实例代码
Apr 27 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
Node.js的包详细介绍
Jan 14 Javascript
jQuery实现带动画效果的多级下拉菜单代码
Sep 08 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
Sep 18 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
May 26 Javascript
BootStrap中的表单大全
Sep 07 Javascript
ES5学习教程之Array对象
Apr 01 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 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 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
php判断访问IP的方法
2015/06/19 PHP
PHP中如何判断exec函数执行成功?
2016/08/04 PHP
PHP房贷计算器实例代码,等额本息,等额本金
2017/04/01 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
常用简易JavaScript函数
2009/04/09 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
seajs中模块依赖的加载处理实例分析
2017/10/10 Javascript
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
详解.vue文件中style标签的几个标识符
2018/07/17 Javascript
说说Vue.js中的functional函数化组件的使用
2019/02/12 Javascript
Python字符串格式化
2015/06/15 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
如何通过Python实现标签云算法
2019/07/02 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
如何基于matlab相机标定导出xml文件
2020/11/02 Python
Django2.1.7 查询数据返回json格式的实现
2020/12/29 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
教师实习期自我鉴定
2013/10/06 职场文书
奶茶专卖店创业计划书
2014/01/18 职场文书
自荐信需注意事项
2014/01/25 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
酒店财务经理岗位职责
2015/04/08 职场文书
小学庆六一主持词
2015/06/30 职场文书
厉害!这是Redis可视化工具最全的横向评测
2021/07/15 Redis
python 远程执行命令的详细代码
2022/02/15 Python