良いプログラマのWebフロントエンドのシェアは、フロントエンドJavaScriptを行使する

我々はjavascriptの演習の一連のフロントエンドを共有していきます良いプログラマのWebフロントエンドのチュートリアル。
Mathオブジェクト
1.ランダムな色の16進数の文字列（例えば：＃1 20CD4F）を得るために関数を書く
方法：
関数F2（）{
= "0123456789ABCDEF" VaRのSTR;
VARの色= "＃";
のための（VAR 0 = I; Iは<6; I ++）{
VARのNUM = Math.floor（Math.random（）* str.length）;
色=色+ [NUM] STR;
}
にconsole.log（カラー）;} F2（） ;
DATEは、オブジェクト
のデジタルクロック
アイデア分析を：時間設定に従って次の画像パスを容易にするために、一定の規則に従って命名分、秒の映像、
方法：
<DIV ID =「PIC」>
<IMG SRC =「IMG / 0.png」Altキー= " "/>
<IMG SRC =" IMG / 0.png "Altキー=" "/>
<span>を</ span>の
<IMG SRC =" IMG / 0.png "Altキー=" "/>
<IMG SRC =" IMG / 0.png "ALT =" " />



<スパン> S </スパン> </ div>
<SCRIPT>
関数F1（）{
VARのSTR = "";
//取得imgidタグによって変数に格納された画像の全て
（IMG "VARのimgid）= document.getElementsByTagName " ;
VAR =新しい新大館日（）; //作成時間は、オブジェクト
のvar H = oDate.getHoursを（）; //は、分、秒のそれぞれに電流を得る
VAR oDate.getMinutes FEN =（）;
VARミャオ族oDate.getSeconds =（）;
VARさh1 = H> = 10 H ：+ H "0"; // ！2ビットによって保証されている
VAR FENl FEN => 10 = FEN：？ "0" + FEN;
VAR = miao1ミャオ> = 10ミャオ？ ： "0" +苗;
STRのSTR = H1 + + + FENl miao1; //新しい文字列に結合
するための（VAR i = 0; iが <str.length; iは++）{// 反復ストリング
//アナログ= SRC "IMG / 0.png";
imgid [I] = .SRC 'IMG /' + STR [I] + 'PNG'; //各画像SRCのパスを設定
}
}
のsetInterval（f1,1000）。//タイマーパラメータミリ秒後に
ラッパー関数を
カプセル化方法：パラメータオブジェクトの関数として、
EG1：年間の決定は、出力形式の日付、うるう年である「2015 | 08 | 24」、月の日数は、日Nの取得の日の後、2つの日付の間の日数を決定
dateutil VAR = {
ISLEAPYEARを：関数（年）{
IF（年4 == 0 &&年％100％400％= 0 == 0 ||年！）{
trueに戻り;
}
偽に戻り;
}
は、FormatDate：関数（DATE、STR）{
VAR年= DATE .getFullYear（）;
VAR =月date.getMonth（）+ 1;
VAR日= date.getDate（）;
IF（月<10）{
月= "0" +月;
}
IF（日<10）{
デー= "0"日+;
}
VARのSS =年+月STR + + + STR日
戻りSS;
}、
getDays：関数（DATE）{
VAR年= Date.getFullYear（）;
。VAR =月date.getMonth（）+ 1 ;
スイッチ（月ザ・）{
ケース2：
（dateUtil.isLeapYear（年））IF {
29を返す;
}
28を返す;
BREAK;
ケース4：
。事例6：
。ケース9：
。ケース11：
30を返し、
BREAK;
デフォルト：
31で返す;
}
}、
getDiffDays：関数（DATE1をDATE2）{
//ミリ秒数の間の差される2つの日付を引く
//毎秒日の差
VAR Math.abs SS =（（DATE2-DATE1）/ 1000）;
VAR =日Math.floor（SS / 24 / 3600）;
VAR = Math.floorの時間（SS / 24％3600）;
VAR = Math.floor分（SS / 60％60）;
VAR = SECOND Math.floor（SS 60％）;
返さ日+ "日" +時間+ "" +分+ "MIN" +秒+ "秒";
}、
getNDays：関数（N）{
VAR =新しい新しい大館日（）;
oDate.setDate（oDate.getDate（）+ N-）。
大館リターン;
}};
DOMおよびBOM