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简单图片切换显示效果实现方法
Jan 14 Javascript
浅谈JavaScript中的String对象常用方法
Feb 25 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
VUEJS实战之利用laypage插件实现分页(3)
Jun 13 Javascript
HTML页面,测试JS对C函数的调用简单实例
Aug 09 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
js实现移动端轮播图效果
Dec 09 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
vue webpack重写cookie路径的方法
Jul 10 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
May 17 Javascript
部署vue+Springboot前后端分离项目的步骤实现
May 31 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 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函数)
2006/10/09 PHP
zend framework文件上传功能实例代码
2013/12/25 PHP
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
php防止用户重复提交表单
2015/11/02 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
Js中sort()方法的用法
2006/11/04 Javascript
Microsoft Ajax Minifier 压缩javascript的方法
2010/03/05 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
Node.js+Express配置入门教程
2016/05/19 Javascript
Bootstrap零基础学习第一课之模板
2016/07/18 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
javascript垃圾收集机制的原理分析
2016/12/08 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
vue.js中proxyTable 转发请求的实现方法
2018/09/20 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
2019/07/25 Javascript
python3.3使用tkinter开发猜数字游戏示例
2014/03/14 Python
python使用循环实现批量创建文件夹示例
2014/03/25 Python
Python监控主机是否存活并以邮件报警
2015/09/22 Python
浅析Python中return和finally共同挖的坑
2017/08/18 Python
Django之Mode的外键自关联和引用未定义的Model方法
2018/12/15 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
Python的赋值、深拷贝与浅拷贝的区别详解
2020/02/12 Python
构建高效的python requests长连接池详解
2020/05/02 Python
基于python检查矩阵计算结果
2020/05/21 Python
Python如何定义有可选参数的元类
2020/07/31 Python
关于python中导入文件到list的问题
2020/10/31 Python
HTML5调用手机摄像头拍照的实现思路及代码
2014/06/15 HTML / CSS
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
C语言基础笔试题
2013/04/27 面试题
期末学生评语大全
2014/04/24 职场文书
创文明城市标语
2014/06/16 职场文书
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技