Tengo un plan para hacer una animación simple dentro de la página web para demostrar las rpm del motor. el elemento span se ve así

 <span id="motor" style='font-size:100px;padding: 3%;'>&#8854;</span>

y mi control deslizante de rango para cambiar la velocidad es

 <input type="range" min="0" max="100" value="0" class="slider" id="Range0" step="5" onchange="changeSpeed(this.value);" >

Agrego el botón que establece la nueva velocidad para el motor y su función es

 function changeSpeed(speed){ setInterval( rotate_fan ,speed ); } function rotate_fan(){ var div = document.getElementById('motor'); deg0=deg0+direction0*10; div.style.webkitTransform = 'rotate('+deg0+'deg)'; div.style.mozTransform = 'rotate('+deg0+'deg)'; div.style.msTransform = 'rotate('+deg0+'deg)'; div.style.oTransform = 'rotate('+deg0+'deg)'; div.style.transform = 'rotate('+deg0+'deg)'; }

pero no vi ningún cambio ningún consejo realmente apreciado