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 相关文章推荐
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
Jquery实现瀑布流布局(备有详细注释)
Jul 31 Javascript
javascript中错误使用var造成undefined
Mar 31 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
Apr 05 Javascript
jquery加载单文件vue组件的方法
Jun 20 jQuery
Node解决简单重复问题系列之Excel内容的获取
Jan 02 Javascript
JSON的parse()方法介绍
Jan 31 Javascript
js实现随机点名程序
Sep 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学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
php检测文本的编码
2015/07/26 PHP
PHP中抽象类,接口功能、定义方法示例
2019/02/26 PHP
TP5框架model常见操作示例小结【增删改查、聚合、时间戳、软删除等】
2020/04/05 PHP
Prototype使用指南之ajax
2007/01/10 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
JS常用字符串方法(推荐)
2021/01/15 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
2016/11/01 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
canvas雪花效果核心代码分享
2017/02/19 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
详解Angular操作cookies方法
2018/06/01 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
JS 5种遍历对象的方式
2020/06/16 Javascript
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
Python的Django框架中自定义模版标签的示例
2015/07/20 Python
Python编程把二叉树打印成多行代码
2018/01/04 Python
python 字典 按key值大小 倒序取值的实例
2018/07/06 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
Python Celery多队列配置代码实例
2019/11/22 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
Python3的socket使用方法详解
2020/02/18 Python
HTML5适合的情人节礼物有纪念日期功能
2021/01/25 HTML / CSS
GANT葡萄牙官方商店:拥有美国运动服传统的生活方式品牌
2018/10/18 全球购物
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
车间操作工岗位职责
2013/12/19 职场文书
财务管理职业生涯规划范文
2013/12/27 职场文书
2015年民主生活会发言材料
2014/12/15 职场文书
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang