цифровые часы с секундами

by foxss

HTML

<div id="time-node"></div>
<script>
	var timeNode = document.getElementById('time-node');
	function getCurrentTimeString() {
		return new Date().toTimeString().replace(/ .*/, '');
	}
	setInterval(
		() => timeNode.innerHTML = getCurrentTimeString(),
		1000
	);
</script>

<div id="time-node2"></div>
<script>
	var timeNode2 = document.getElementById('time-node2');
	function getCurrentTimeString2(dots) {
		var timeString = new Date().toTimeString().replace(/:[0-9]{2,2} .*/, '');
		return dots ? timeString : timeString.replace(/:/, ' ');
	}
	setInterval(
		function() { 
			timeNode2.innerHTML = getCurrentTimeString2(Math.round(Date.now() / 1000) % 2);
		},
		1000
	);
</script>

CSS

#time-node {
	padding: 14px;
	background: yellow;
	color: #f00;
	display: inline-block;
	font-weight: bold;
	border-radius: 4px;
  border: solid 1px black;
}
#time-node2 {
	padding: 15px;
	background: #000;
	color: #0f0;
	display: inline-block;
	font-weight: bold;
	border-radius: 4px;
	width: 50px;
	text-align: center;
}