Tenho na página de estilo (css) do site um código para fazer uma animação, mas o tempo da animação deve variar de acordo com uma variável que está no javascript, como faço pra que o valor dessa variável entre no meu código css?
css
div.progresso {
animation: loading "tempo"s ease;
}
javascript
<script >
var som1 = document.getElementById("player");
som1.onloadeddata = function() {
console.log("tempo:" + player.duration + "segundos");;
var tempo = player.duration;
<codigo pra colocar o valor da 'var tempo' naquele lugar especifico do css>
</script>
Como poderia fazer isso?
document.querySelector("div.progresso").style.animation = "loading " + tempo + "s ease"