简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

js获取当前时间显示在页面上并每秒刷新

来源:易贤网   阅读:5280 次  日期:2014-12-26 13:58:35

温馨提示:易贤网小编为您整理了“js获取当前时间显示在页面上并每秒刷新”,方便广大网友查阅!

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

代码如下:

<!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>

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jQuery窗口、文档、网页各种高度的精确理解
下一篇:Javascript 运动中Offset的bug解决方案
易贤网手机网站地址:js获取当前时间显示在页面上并每秒刷新
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!