開発環境

OS X El Capitan - Apple (OS)
Emacs (Text Editor)
JavaScript (プログラミング言語)
Node.js(V8) (JavaScript engine)

Javascript for Kids (Nick Morgan 著、Angus Croll 寄稿、Miran Lipovaca イラスト、No Starch Press)のPart 2(Advanced JavaScript)、Chapter 9(The DOM and jQuery)、PROGRAMMING CHALLENGES #2: (MAKING A HEADING FLASH)、(No. 2714)を取り組んでみる。

PROGRAMMING CHALLENGES

コード(Emacs)


<!doctype html>
<head>
  <script src="jquery.js"></script>
  <script src="sample2.js"></script>
</head>
<body>
  <h1 id="test0">Heading</h1>
  <button id="run0">run</button>
</body>


/*jslint         node    : true, continue : true,
  devel  : true, indent  : 2,    maxerr   : 50,
  newcap : true, nomen   : true, plusplus : true,
  regexp : true, sloppy  : true, vars     : false,
  white  : true
*/
/*global $, document*/
$(document).ready(function () {
    $('#run0').click(function () {
        var $h1 = $('#test0'),
            i,
            max = 10,
            mil;

        for (i = 0; i < max; i += 1) {
            mil = 1000 * (i + 1);
            $h1.fadeOut(mil).fadeIn(mil);
        }
    })
});

Kamimura's blog

2016年4月14日木曜日

JavaScript - Advanced JavaScript - The DOM and jQuery(MAKING A HEADING FLASH))

Heading

0 コメント:

コメントを投稿