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 相关文章推荐
关于event.cancelBubble和event.stopPropagation()的区别介绍
Dec 11 Javascript
js+css实现增加表单可用性之提示文字
Jun 03 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
详谈javascript中的cookie
Jun 03 Javascript
jquery使整个div区域可以点击的方法
Jun 24 Javascript
理解Javascript的call、apply
Dec 16 Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
JS实现随机生成10个手机号的方法示例
Dec 07 Javascript
深入webpack打包原理及loader和plugin的实现
May 06 Javascript
Vue3中toRef与toRefs的区别
Mar 24 Vue.js
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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
php禁用函数设置及查看方法详解
2016/07/25 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
js工具方法弹出蒙版
2013/05/08 Javascript
JS修改iframe页面背景颜色的方法
2015/04/01 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
详解webpack+vue-cli项目打包技巧
2017/06/17 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
Nodejs实现的操作MongoDB数据库功能完整示例
2019/02/02 NodeJs
jquery多级树形下拉菜单的实例代码
2019/07/09 jQuery
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
Python的Django框架中的Context使用
2015/07/15 Python
Python实现模拟时钟代码推荐
2015/11/08 Python
如何在Python函数执行前后增加额外的行为
2016/10/20 Python
python pygame模块编写飞机大战
2018/11/20 Python
实例讲解Python中整数的最大值输出
2019/03/17 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
Python3标准库之dbm UNIX键-值数据库问题
2020/03/24 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
CSS3实现粒子旋转伸缩加载动画
2016/04/22 HTML / CSS
Html5与App的通讯方式详解
2019/10/24 HTML / CSS
个人自荐书
2013/12/20 职场文书
军训自我鉴定100字
2014/02/13 职场文书
初级党校心得体会
2014/09/11 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
廉洁自律证明
2015/06/24 职场文书
给校长的建议书作文500字
2015/09/14 职场文书
《分数的意义》教学反思
2016/02/20 职场文书
MySQL中B树索引和B+树索引的区别详解
2022/03/03 MySQL
MySql数据库触发器使用教程
2022/06/01 MySQL
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python