JSFiddle - React, Tailwind, and code Playground

HTML

<h4 id="a"></h4>
<h4 id="b"></h4>
<h4 id="c"></h4>
<h4 id="d"></h4>

JavaScript

var date = new Date();

var str = date.toLocaleTimeString();
jQuery('#a').text(str);

jQuery('#b').text(str.lastIndexOf(":"));

str = date.toTimeString();
jQuery('#c').text(str);
jQuery('#d').text(str.lastIndexOf(":"));