Usando javascript de vainilla y bulma.css
, ¿cómo puedo mostrar un lapso, hacer que todos los enlaces en el lapso estén en negrita, luego, después de un período de tiempo determinado (por ejemplo, 1000 ms
), quitar el peso de la fuente en negrita? La primera parte, mostrar y poner los enlaces en negrita, funciona bien con el siguiente código:
function unhide_bold_unbold() { mode_sents = document.getElementsByClassName('kanji-sent') for (let i = 0; i < mode_sents.length; i++) { mode_sents[i].classList.remove('is-hidden') // Bold all links links = mode_sents[i].getElementsByTagName('a') for (let j = 0; j < links.length; j++) { links[j].classList.add('has-text-weight-bold') } } }
Intenté agregar lo siguiente al final de la función, pero solo retrasa el desocultamiento en 1000 ms, y los enlaces nunca se ven en negrita.
sleep(wait_ms) for (let i = 0; i < mode_sents.length; i++) { links = mode_sents[i].getElementsByTagName('a') for (let j = 0; j < links.length; j++) { links[j].classList.remove('has-text-weight-bold') } }
... que utiliza la siguiente función:
function sleep(milliseconds) { const date = Date.now(); let currentDate = null; do { currentDate = Date.now(); } while (currentDate - date < milliseconds); }
¿Cómo puedo hacer que la clase de bulma
actualice el peso de la fuente, luego espere y luego elimine el peso de la fuente en negrita?
<span class="kanji-sent is-hidden"><a onclick="show_kanji_data('彼')">彼</a>等は皆、この<a onclick="show_kanji_data('曇')">曇</a>天に押しすくめられたかと思う程、揃って背が低かった。</span>