使用jQuery显示当前日期和时间、AM、PM和CST可以通过以下步骤实现:
- 引入jQuery库:在HTML文件中的<head>标签内添加以下代码,引入jQuery库。<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
- 创建HTML元素:在<body>标签内添加一个用于显示日期和时间的HTML元素,例如一个<div>元素。<div id="datetime"></div>
- 编写JavaScript代码:在<script>标签内添加以下JavaScript代码,使用jQuery来获取当前日期和时间,并将其显示在HTML元素中。$(document).ready(function() {
var datetimeElement = $('#datetime');
function updateDateTime() {
var now = new Date();
var date = now.toLocaleDateString();
var time = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
var ampm = now.getHours() >= 12 ? 'PM' : 'AM';
var cst = now.toLocaleString('en-US', { timeZone: 'America/Chicago', timeZoneName: 'short' });
datetimeElement.text(date + ' ' + time + ' ' + ampm + ' ' + cst);
}
// 更新日期和时间
updateDateTime();
// 每秒钟更新一次日期和时间
setInterval(updateDateTime, 1000);
});
以上代码使用jQuery的选择器选中id为"datetime"的元素,并定义了一个名为updateDateTime的函数来更新日期和时间。在函数内部,使用JavaScript的Date对象获取当前日期和时间,并使用toLocaleDateString和toLocaleTimeString方法将其格式化为字符串。同时,根据当前小时数判断是上午还是下午,并使用toLocaleString方法获取CST时区的时间。最后,将所有信息拼接成一个字符串,并通过jQuery的text方法将其设置为HTML元素的内容。
请注意,以上代码中的时区为美国中部标准时间(CST),如果需要显示其他时区的时间,请根据需要修改代码中的时区参数。
这是一个使用jQuery显示当前日期和时间、AM、PM和CST的示例。希望对你有所帮助!