esse foi meu codigo para umprojeto do portifolio incrementei o codigo usado aqui para a logo do relogio:
setInterval( function clock() {
const v1 = new Date
const v2 = v5(v1.getHours())
const v3 = v5(v1.getMinutes())
const v4 = v5(v1.getSeconds())
const vX5 = v5x(v1.getMilliseconds())
document.getElementById('clock').textContent = v2 + ':' + v3 + ':' + v4 + ':' + vX5
}, 100);
function v5x(y, z){
if( y <100){
y = '0' + y
}
if ( z <10){
z = '0' + z
}
return z , y
}
function v5(x){
if( x <10){
x = '0' + x;
}
return x
}
var svg = document.getElementById('logoo');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
console.log(mutation);
if(mutation.type == "attributes" && mutation.attributeName == "data-source") {
console.log(mutation);
document.getElementById('logoo').style.display = 'none'
document.getElementById('clock').style.top = '20px'
document.getElementById('clock').style.left = '15px'
}
});
});
observer.observe(svg, {attributes: true});
html : <div class="UAGSh" id="clockDiv"> <div class="OISnsepAr sU" id="separator-x1"></div> <span class="aoiJS dKj" id="jsClockSpan-title">Clock </span><span class="aoiJS dkj" id="jsClockSpan-titlePt"> Relogio</span> <br> <span class="clock" id="clock"></span> <logo class="aUSlogo" id="logo"> <path class="a"> <svg class="USLogo" id="logoo" data-source='ILUOSHDJISMDksdloiadadlçaksd sdapokOPAD Sdkaidjsd adlkiada sod89asoia' ></svg> </path> </logo> </div>