まず、私は私が言っていると言いたいのですが、これらの記事は私のように学びたい人に捧げていますが、私のようなコードを見るのは本当に痛いからです同じレベルではなく、私はこの効果を書くために最も冗長なコードを使用しています。 コードボックスを実行します キーコードについては、これら2つをお読みください。 function f_s(){ //速度から速い
ある日、あなたはマスターになります(あなたが一生懸命働かなければならない場合はハハ^^)
[ctrl+aすべての選択のヒント:最初にコードを変更してから実行することができます]
var obj = document.getElementById( "box"); // IDボックスでオブジェクトを取得します
obj.style.display = "block"; //オブジェクトを表示として設定します
obj.style.width = "1px";
var changew = function(){//(機能、閉鎖、どのようなクラス、プロトタイプ、私は圧倒されました。将来ゆっくりと理解しましょう。ここで理解しているのは、関数を作成して直接カウントすることですそしてそれに入れて、可変changewに保存されます)
var obj_w = parseint(obj.style.width); //オブジェクトの幅を数値に変換し、可変obj_wに保存します。
if(obj_w <600){//裁判官、幅の値が600未満の場合
obj.style.width =(obj_w+math.ceil((600-obj_w)/15))+"px"; //オブジェクトの幅を計算します。 。 。幅が増えるにつれて、増分は小さくなり、
}
それ以外{
ClearInterval(BW); // 600以上の場合、SetIntervalは実行されなくなります。つまり、この時点で幅が停止します。
}
}
var bw = window.setinterval(changew、1)// 0.001秒ごとにChangewを呼び出します
}
//関数s_f()を宣言します
関数s_f(){
var obj = document.getElementById( "box2");
var e_add = 1; // incrementを初期化します
obj.style.display = "block";
obj.style.width = "1px";
var changew = function(){//私が理解しているのは、関数を直接作成して変数changewに保存することです
var obj_w; e_add
obj_w = parseint(obj.style.width);
e_add*= 1.05; //それ以降で増加した値
if(obj_w <600){
obj.style.width =(obj_w+e_add)+"px"; //幅が増えると、増分は大きくなり大きくなります
}
それ以外{
ClearInterval(BW);
obj.style.width = "600PX"; //
}
}
var bw = window.setinterval(changew、1)
}