手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js获取当前时间显示在页面上并每秒刷新
js获取当前时间显示在页面上并每秒刷新
摘要:方法很简单,代码也很简洁,直接奉上代码吧复制代码代码如下:js获取当前时间显示在页面上window.onload=function(){//...

方法很简单,代码也很简洁,直接奉上代码吧

复制代码 代码如下:

<!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"+str;

return num;

}

</script>

</head>

<body>

<div id="div1"> </div>

</body>

</html>

【js获取当前时间显示在页面上并每秒刷新】相关文章:

js+html5获取用户地理位置信息并在Google地图上显示的方法

js获取字符串字节数方法小结

让文字在页面上90度,180度翻转

jQuery实现自动滚动到页面顶端的方法

JS获取时间的相关函数及时间戳与时间日期之间的转换

js实现带按钮的上下滚动效果

js获取页面description的方法

获得当前页面URL地址的三个JS代码

获取阴历(农历)和当前日期的js代码

js兼容火狐显示上传图片预览效果的方法

精品推荐
分类导航