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获得地址栏?问号后参数的方法
Aug 08 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
Dec 26 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
jQuery 中msgTips 顶部弹窗效果实现代码
Aug 14 jQuery
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
如何解决webpack-dev-server代理常切换问题
Jan 09 Javascript
微信小程序实现左右列表联动
May 19 Javascript
jquery实现下载图片功能
Jul 18 jQuery
react 项目中引入图片的几种方式
Jun 02 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
Syphon 使用方法
2021/03/03 冲泡冲煮
MySQL授权问题总结
2007/05/06 PHP
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
PHP模板解析类实例
2015/07/09 PHP
解析WordPress中控制用户登陆和判断用户登陆的PHP函数
2016/03/01 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
Express.JS使用详解
2014/07/17 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
2015/04/02 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
2015/11/18 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
Angular 1.x个人使用的经验小结
2017/07/19 Javascript
Vue路由的模块自动化与统一加载实现
2020/06/05 Javascript
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
Python中变量交换的例子
2014/08/25 Python
python从sqlite读取并显示数据的方法
2015/05/08 Python
详解Python的Django框架中的中间件
2015/07/24 Python
浅谈python内置变量-reversed(seq)
2017/06/21 Python
Python网络编程详解
2017/10/31 Python
python3+opencv3识别图片中的物体并截取的方法
2018/12/05 Python
python实现桌面壁纸切换功能
2019/01/21 Python
Django实现网页分页功能
2019/10/31 Python
python多维数组分位数的求取方式
2020/03/03 Python
浅谈如何使用python抓取网页中的动态数据实现
2020/08/17 Python
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
《诺贝尔》教学反思
2014/02/17 职场文书
会计专业应届生自荐信
2014/06/28 职场文书
2015年收银工作总结范文
2015/04/01 职场文书
小学六一主持词开场白
2015/05/28 职场文书
2015年幼师个人工作总结
2015/10/15 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android