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动态添加的元素绑定事件处理函数代码
Aug 02 Javascript
javascript 基础篇4 window对象,DOM
Mar 14 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
jQuery检测返回值的数据类型
Jul 13 Javascript
JavaScript中的this到底是什么(一)
Dec 09 Javascript
基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)
Dec 28 Javascript
jQuery给指定的table动态添加删除行的操作方法
Oct 12 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
Node.js之删除文件夹(含递归删除)代码实例
Sep 09 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检测useragent版本示例
2014/03/24 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
PHP list() 将数组中的值赋给变量的简单实例
2016/06/13 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
js从Cookies里面取值的简单实现
2014/06/30 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
jQuery自定义滚动条完整实例
2016/01/08 Javascript
BootStrap组件之进度条的基本用法
2017/01/19 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
javascript实现前端分页功能
2020/11/26 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
Python实现简单截取中文字符串的方法
2015/06/15 Python
Python实现公历(阳历)转农历(阴历)的方法示例
2017/08/22 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
python面试题小结附答案实例代码
2019/04/11 Python
python微信聊天机器人改进版(定时或触发抓取天气预报、励志语录等,向好友推送)
2019/04/25 Python
Python Pandas 箱线图的实现
2019/07/23 Python
Python子进程subpocess原理及用法解析
2020/07/16 Python
在家更换处方镜片:Lensabl
2019/05/01 全球购物
计算机专业个人求职信范例
2013/09/23 职场文书
护士个人简历自荐信
2013/10/18 职场文书
班主任工作年限证明
2014/01/12 职场文书
孩子教育的心得体会
2014/09/01 职场文书
关于运动会的广播稿
2014/09/22 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
党员评议思想汇报
2014/10/08 职场文书
单位租房协议书样本
2014/10/30 职场文书
公务员年度考核评语
2014/12/31 职场文书
2015年银行客户经理工作总结
2015/04/01 职场文书
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
2021/06/09 Python