js implementa el efecto de desplazamiento automático
La idea principal para el desplazamiento automático es utilizar el método setInterval que viene con js.
Definición y uso
El método setInterval() llama a una función o evalúa una expresión en un período específico (en milisegundos).
El método setInterval() continuará llamando a la función hasta que se llame a clearInterval() o se cierre la ventana. El valor de ID devuelto por setInterval() se puede utilizar como argumento para el método clearInterval().
Sintaxis
setInterval(code,millisec[,"lang"])
Parámetros
se requiere código. Una función que se llamará o una cadena de código que se ejecutará.
Se requieren milisegundos. El intervalo de tiempo, en milisegundos, entre ejecuciones periódicas o llamadas al código.
Valor de retorno
Valor que se puede pasar a Window.clearInterval() para cancelar la ejecución periódica del código.
Ejemplo sencillo, solo como referencia:
*{?margin:0;?padding:0;?list-style:none;}
#box{?width:840px;?border:1px?solid?#000;?height:210px;?margin:30px?auto;?position:relative;?overflow:hidden;}
# box?ul{?position:absolute;?left:0;?top:0;}
#box?ul?li{?width:200px;?height:200px;?float:left ? padding:5px;}
window.onload=function(){
var ? oBox=document.getElementById('caja');
var?oUl=oBox.children[0];
var?aLi=oUl.children;
//Copiar una copia del contenido
oUl.innerHTML+=oUl.innerHTML;
oUl.style.width=aLi.length*aLi[0].offsetWidth+'px'
setInterval(function(){
var?l=oUl.offsetLeft+10;
if(l>=0){
l=-oUl.offsetWidth/2;
}
oUl.style.left=l+'px';
},30);
};
