Pertama -tama, saya ingin mengatakan bahwa saya, artikel -artikel ini didedikasikan untuk mereka yang ingin belajar seperti saya Tidak pada level yang sama, saya menggunakan kode yang paling redundan untuk menulis efek ini, dan berharap bahwa kita dapat memahaminya. Jalankan kotak kode Untuk kode kunci, silakan baca keduanya: fungsi f_s () { // Perlambat untuk berpuasa
Suatu hari Anda akan menjadi master, (asalkan Anda harus bekerja keras haha ^^)
[Ctrl+A All Selection Tips: Anda dapat memodifikasi beberapa kode terlebih dahulu, dan kemudian tekan Run]
var obj = document.geteLementById ("box"); // Dapatkan objek dengan kotak ID
obj.style.display = "block"; // atur objek obj sebagai tampilan
obj.style.width = "1px";
var changew = function () {// (tentang fungsi, penutupan apa, kelas seperti apa, prototipe, saya telah membuat saya kewalahan. Mari kita memahaminya secara perlahan di masa depan. Yang saya pahami di sini adalah membuat fungsi dan secara langsung menghitungnya secara langsung dan masukkan ke dalamnya disimpan dalam variabel changew)
var obj_w = parseInt (obj.style.width); // konversi lebar objek menjadi nilai numerik dan menyimpannya dalam variabel obj_w;
if (obj_w <600) {// juri, jika nilai lebar kurang dari 600
obj.style.width = (obj_w+math.ceil ((600-OBJ_W)/15))+"px"; // Hitung lebar objek. . . Saat lebar tumbuh, kenaikan menjadi lebih kecil dan lebih kecil
}
kalau tidak{
ClearInterval (BW); // Jika lebih besar dari atau sama dengan 600, SetInterval tidak akan lagi dieksekusi, yang berarti bahwa lebar akan dihentikan pada saat ini.
}
}
var bw = window.setInterval (changew, 1) // hubungi changew setiap 0,001 detik
}
// nyatakan fungsi s_f ()
fungsi s_f () {
var obj = document.geteLementById ("box2");
var e_add = 1; // inisialisasi kenaikan
obj.style.display = "block";
obj.style.width = "1px";
var changew = function () {// Yang saya pahami adalah membuat fungsi secara langsung dan menyimpannya di variabel changew
var obj_w; e_add
obj_w = parseInt (obj.style.width);
E_ADD*= 1.05; // Nilai bertambah sejak saat itu IS
if (obj_w <600) {
obj.style.width = (obj_w+e_add)+"px"; // seiring dengan tumbuhnya lebar, kenaikan menjadi lebih besar dan lebih besar
}
kalau tidak{
ClearInterval (BW);
obj.style.width = "600px"; // Karena (OBJ_W+E_ADD) metode akan melebihi lebar yang telah ditentukan, sehingga lebar diatur ulang setelah buffering.
}
}
var bw = window.setInterval (changew, 1)
}