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宝典学习笔记(下)
Jan 10 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
Javascript数据结构与算法之列表详解
Mar 12 Javascript
使用jquery提交form表单并自定义action的方法
May 25 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
AngularJS动态菜单操作指令
Apr 25 Javascript
vue-router实现组件间的跳转(参数传递)
Nov 07 Javascript
vue实现裁切图片同时实现放大、缩小、旋转功能
Mar 02 Javascript
详解vue-router 命名路由和命名视图
Jun 01 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
vue导航栏部分的动态渲染实例
Nov 01 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
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
ThinkPHP表单数据智能写入create方法实例分析
2015/09/27 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
javascript 函数参数限制说明
2010/11/19 Javascript
不使用ajax实现无刷新提交表单
2014/12/21 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
Vue表单实例代码
2016/09/05 Javascript
AugularJS从入门到实践(必看篇)
2017/07/10 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
Vue解析剪切板图片并实现发送功能
2020/02/04 Javascript
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python入门篇之函数
2014/10/20 Python
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
利用python爬取散文网的文章实例教程
2017/06/18 Python
Python批量发送post请求的实现代码
2018/05/05 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
PyCharm代码提示忽略大小写设置方法
2018/10/28 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
python 实现逻辑回归
2020/12/30 Python
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
幼儿园教师师德师风演讲稿:爱我所爱 无悔青春
2014/09/10 职场文书
师德师风个人自我剖析材料
2014/09/27 职场文书
党员评议思想汇报
2014/10/08 职场文书
个人总结怎么写
2015/02/26 职场文书
2019暑假学生安全口号
2019/06/27 职场文书
四年级作文之植物
2019/09/20 职场文书
Nginx 根据URL带的参数转发的实现
2021/04/01 Servers
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
Python中itertools库的四个函数介绍
2022/04/06 Python