当前位置：首页 > 资讯 > 技术文档

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

时间：2022-10-20 14:17 编辑：来源：阅读：
扫一扫，手机访问

摘要：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>

全部评论(0)

上一篇：限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
下一篇：详解使用grunt完成requirejs的合并压缩和js文件的版本控制

资讯排行榜
更多>>