首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国cms用js在html页面上实时显示系统当前时间日期/年月日星期几/周几显示

帝国cms用js在html页面上实时显示系统当前时间日期/年月日星期几/周几显示

时间：2024年04月11日

来源：网络

编辑：佚名

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>获取当前的时间</title>
</head>
<style>
#adata{
height: 30px;
width: 330px;
border: brown 3px solid;
}
</style>
<body>
<div id="adata"></div>
</body>
</html>
<script language="JavaScript" type="text/javascript">
window.onload = function() {
window.setInterval("Systime(adata)", 1000);
}
function Systime(adata) {
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth();
var data = now.getDate();
var day = now.getDay();
var hour = now.getHours();
var minu = now.getMinutes();
var sec = now.getSeconds();
month = month + 1;
var arr_week = new Array("星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日");
var week = arr_week[day];
var time = year + "年 " + month + "月 " + data + "日 " + week + " " + hour + ":" + minu + ":" + sec;
adata.innerHTML = "当前时间: " + time;
}
</script>
效果图：

如果想单独调用年：
可以在js文件中：adata.innerHTML = "当前时间: " + time; 后边添加如下代码：
document.getElementById("y").innerHTML=year;
模板中调用即可
<div id="y"></div>
图片如下：

新闻资讯更多

猜你需要