Как обернуть строчку в теги?

Question

[Сергей]

Есть строчка (таймер): 07:19:45
Надо сделать типа такого:

<span>07</span><b>:</b><span>19</span><b>:</b><span>45</span>

Мне это надо, чтобы потому сделать такую стилизацию:

Answer 1

[Stockholm Syndrome]

const [d, m, s] = str.split(':');
const html = `<span>${d}</span><b>:</b><span>${m}</span><b>:</b><span>${s}</span>`;

Answer 2

[Andrew]

let str = `<span>07</span><b>:</b><span>19</span><b>:</b><span>45</span>`;