以下是我使用的代码:
var toggle = true;
function showTime() {
var d = new Date().toLocaleTimeString('en-US', {
hour12: false,
hour: 'numeric',
minute: 'numeric'
});
var parts = d.split(":");
$('#hours').text(parts[0]);
$('#minutes').text(parts[1]);
$("#colon").css({
visibility: toggle ? "visible" : "hidden"
});
toggle = !toggle;
}
setInterval(showTime, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>
<span id="hours"></span>
<span id="colon">:</span>
<span id="minutes"></span>
</h1>
发布于 2018-08-17 17:05:13
用以下代码试试:
var toggle = true;
var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];
function showTime() {
var d = new Date();
var time = d.toLocaleTimeString('en-US', {
hour12: false,
hour: 'numeric',
minute: 'numeric',
date: 'dd/mm/yy'
});
var date = d.getDate();
var month = d.getMonth();
$('#date').text(months[month]+" "+date);
var parts = time.split(":");
$('#hours').text(parts[0]);
$('#minutes').text(parts[1]);
$("#colon").css({
visibility: toggle ? "visible" : "hidden"
});
toggle = !toggle;
}
setInterval(showTime, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>
<span id="hours"></span>
<span id="colon">:</span>
<span id="minutes"></span> -
<span id="date"></span>
</h1>
var toggle = true;
function showTime() {
var d = moment();
$('#date').text(d.format("MMMM D"));
$('#hours').text(d.hour());
$('#minutes').text(d.minute());
$("#colon").css({
visibility: toggle ? "visible" : "hidden"
});
toggle = !toggle;
}
setInterval(showTime, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<h1>
<span id="hours"></span>
<span id="colon">:</span>
<span id="minutes"></span> -
<span id="date"></span>
</h1>
https://stackoverflow.com/questions/-100002249
复制相似问题