remove part of text in a div using javacript

Question

I would like to remove part (4 first characters) of a text in a list of span tags (filtered by the class name):

<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

I would like to get this:

<span class="time">0:50</span>
<span class="time">1:22</span>
<span class="time">2:44</span>

I try some codes using text.substr(1, 4) but none of them works.
Could someone help me?

Answer 1

You can use a regular expression to match it

document.querySelectorAll(".time").forEach(function (elem) {
  elem.textContent = elem.textContent.match(/[1-9]?\d:\d\d$/)[0];
});

<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>

substr if it will always be X:XX

document.querySelectorAll(".time").forEach(function (elem) {
  elem.textContent = elem.textContent.substr(-5);
});

<span class="time">00:00:50</span>
<span class="time">00:01:22</span>
<span class="time">00:02:44</span>