Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: yoelrodguez en 23 Enero 2017, 19:52 pm


Título: Invertir rango en input range
Publicado por: yoelrodguez en 23 Enero 2017, 19:52 pm
Hola a todos:

Tengo el siguiente detalle, tengo un input range con el cual vario el tiempo de la función setInterval de javascript.

El problema se me esta presentando, cuando  quiero variar la cantidad de palabras por minutos, ya que si lo desplazo hacia la derecha me disminuye la velocidad y si doy hacia la izquierda me la aumenta. Lo que necesito es que el comportamiento sea al revés.

Les dejo el código:

Html    

Código:
                       <div><input type="range" name="rango" class="input-whith" id="rango" min="15" max="3000"></div>
			<div><input type="text" id="palabras" name="palabras" readonly="true" value=""/></div>
 

JS

Código:
	$("#rango").change(function(){
		var val = $(this).val();
		alert(val);
		pal = val / 1000;
		tpal = Math.floor(60 / pal); 
		
		$("#palabras").val(tpal);
		
		clearInterval(interval);
		interval = setInterval(get_textrandom,val);
	});

Título: Re: Invertir rango en input range
Publicado por: engel lex en 23 Enero 2017, 20:00 pm
usa matemáticas... yo se que muchos programadores creen que no son necesarias, pero si lo son!

solo con una resta en la variable adecuada estará todo resuelto

Título: Re: Invertir rango en input range
Publicado por: yoelrodguez en 23 Enero 2017, 20:16 pm
Gracias por su respuesta me fue de mucha ayuda aquí les dejo el código por si alguien le hace falta.

Código:
	$("#rango").change(function(){
		var val = $(this).val();
		inter =  3000 - val;
		pal = inter / 1000;
		tpal = Math.floor(60 / pal); 
		
		$("#palabras").val(tpal);
		
		clearInterval(interval);
		interval = setInterval(get_textrandom,inter);
	});


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines