En primer lugar, quiero decir que lo soy, estos artículos están dedicados a aquellos que quieren aprender como yo. No al mismo nivel, uso el código más redundante para escribir este efecto, con el propósito de esperar que podamos entenderlo. oración: Ejecutar el cuadro de código Para los códigos clave, lea estos dos: función f_s () { // lento para ayunar
Un día te convertirás en un maestro (siempre que tengas que trabajar duro jaja ^^)
[CTRL+A TODOS SELECCIÓN SELECCIÓN: puede modificar primero algún código y luego presione Ejecutar]
var obj = document.getElementById ("box"); // Obtener el objeto con el cuadro ID
obj.style.display = "bloque"; // Establezca el objeto obj como pantalla
obj.style.width = "1px";
var cambiaw = function () {// (sobre la función, qué cierres, qué tipo de clase, prototipo, me he hecho abrumarse. Entendamos lentamente en el futuro. Lo que entiendo aquí es crear una función y contarla directamente y ponerlo en él se almacena en el cambio de variablew)
var obj_w = parseint (obj.style.width); // Convertir el ancho del objeto a un valor numérico y almacenarlo en la variable obj_w;
if (obj_w <600) {// juez, si el valor de ancho es inferior a 600
obj.style.width = (obj_w+math.ceil ((600-OBJ_W)/15))+"PX"; // Calcule el ancho del objeto. . . A medida que crece el ancho, el incremento se vuelve cada vez más pequeño
}
demás{
ClearInterval (BW); // Si es mayor o igual a 600, SetInterval ya no se ejecutará, lo que significa que el ancho se detendrá en este momento.
}
}
var bw = window.setInterval (Changew, 1) // Llama Cambiarw cada 0.001 segundos
}
// declarar una función s_f ()
función s_f () {
var obj = document.getElementById ("box2");
var e_add = 1; // Inicializar incremento
obj.style.display = "bloque";
obj.style.width = "1px";
var changew = function () {// Lo que entiendo es crear una función directamente y almacenarla en la variable Changeww
var obj_w; e_add
obj_w = parseint (obj.style.width);
e_add*= 1.05; // El valor incrementado a partir de entonces es
if (obj_w <600) {
obj.style.width = (obj_w+e_add)+"px"; // A medida que crece el ancho, el incremento se vuelve cada vez más grande
}
demás{
ClearInterval (BW);
obj.style.width = "600px"; // Porque (obj_w+e_add) El método de cálculo superará el ancho predefinido, por lo que el ancho se restablece después de un amortiguación.
}
}
var bw = window.setInterval (Changew, 1)
}