如何更改keith wood jQuery倒计时中的时钟文本

How to change the clock text in keith-wood jQuery Countdown

本文关键字：时钟 文本 倒计时 jQuery 何更改 keith wood      更新时间：2023-09-26

我正在使用keith wood Jquery倒计时。我的示例代码如下

<link rel="stylesheet" type="text/css" href="http://keith-wood.name/css/jquery.countdown.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.plugin.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.countdown.js"></script>
<script>
$(function () {
	var austDay = new Date();
	austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
	$('.countdown1').countdown({until: austDay});      
        $('.countdown2').countdown({until: austDay, format: 'HMS'});
});
</script>
Countdown1:
<div class="countdown1"></div><br/><br/><br/>
Countdown2:
<div class="countdown2"></div>

我只想更改第二个div的时钟文本。例如，我想将Hours替换为Hr，Minutes替换为Min，Seconds替换为Sec，仅用于倒计时2。

你需要这个吗：

在初始化countdown:时，按照以下要求设置labels:

labels: ['Years', 'Months', 'Weeks', 'Days', 'Hrs', 'Min', 'Sec']


$(function () {
	var austDay = new Date();
	austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
	$('.countdown1').countdown({until: austDay});      
        $('.countdown2').countdown({labels: ['Years', 'Months', 'Weeks', 'Days', 'Hrs', 'Min', 'Sec'], until: austDay, format: 'HMS'});
});
<link rel="stylesheet" type="text/css" href="http://keith-wood.name/css/jquery.countdown.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.plugin.js"></script>
<script type="text/javascript" src="http://keith-wood.name/js/jquery.countdown.js"></script>
Countdown1:
<div class="countdown1"></div><br/><br/><br/>
Countdown2:
<div class="countdown2"></div>

相关文章：