以下是用jQuery实现获取当前时间和星期并在页面上展示的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>当前时间</title>
</head>
<body>
<h1>当前时间:</h1>
<p id="time"></p>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function () {
var now = new Date();
var timeStr = now.toLocaleString();
$('#time').text(timeStr);
});
</script>
</body>
</html>
代码解释:
1. 首先引入jQuery库文件。
2. 在相应的`<p>`标签中添加一个`id`属性,以便于通过jQuery找到这个元素。
3. 使用`$(document).ready()`方法确保在文档加载完成后才执行代码。
4. 通过`new Date()`获取当前时间。
5. 使用`toLocaleString()`将时间对象转为字符串。
6. 使用`$('#time').text()`方法将时间字符串设置为`<p>`元素的文本内容,即在页面上展示。
7. 创建一个星期数组,包含了每一天的名称。
8. 使用`now.getDay()`获取当前是星期几,并从星期数组中获取对应的名称。
9. 使用`$('#weekday').text()`方法将星期名称设置为`<p>`元素的文本内容,即在页面上展示。
声明:本站所收录作品、热点评论、图片等信息部分来源互联网,目的只是为了系统归纳学习和传递资讯。内容不代表本网站的观点和立场。请读者仅作参考,并请自行核实相关内容。本站所有图文由于未联系到知识产权人或未发现有关知识产权的登记,所有作品版权归原创作者所有,根据《信息网络传播权保护条例》,如不慎侵犯了你的权益,请联系我们告知,我们将做删除处理!