常連

注目の的

自己紹介

this イベントが発生したオブジェクトと聞いたのですが、
つまり下記のようにイベントファンクションでイベントを起こす要素が必ずthisになると考えてよいでしょうか？

$('textaret').click(function() {
であれば
$('必ずここがthis').click(function() { 

また、イベントの起きている要素というのもはっきりする場合とよくわからない場合があるのですが、どのように特定していますか？


初心なので、恐縮ですが、初心者にもわかるように解説いただける方にお願いします。
また、無意味にマイナス評価する人がまれにいますが、そのような迷惑行為はやめてください。通報をしておきます。

thisについて

まずはこちらのコードをご覧いただけたらと思います。

(function ($){
var count=3;

function animation(){
	if(!count){
		return;
	}
	sample1();
	sample2();

	setTimeout(animation,2000);

	count--;
}
}(jQuery));

上記は、sample1();とsample2();をanimateメソッド（省略しました）を使い、settimeoutで2秒毎に、そして3回だけループさせています。

これで3回目のループが終了したときに、sample3();（コードに記載はないです）を一回だけ実行させたいのですが、どのようにしたら宜しいでしょうか？

ご回答のほど、よろしくお願いできればと思います。

settimeoutでループ終了後の処理

jQueryにて、animate関数を使ったループするアニメーションを作成中です。
それぞれの要素が独自の動きをして、それがひたすらループするというものです。

これらをずっとループさせるのではなく、2回だけループとか3回だけとか、指定の回数だけループさせる方法はないでしょうか？

下記が作成中のコードです。
ご教示いただけましたら幸いです。

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function(){
// 設定
var $width =340; // 横幅
var $height =300; // 高さ
var $interval = 5300; // 切り替わりの間隔（ミリ秒）
var $fade_speed = 1000; // フェード処理の早さ（ミリ秒）
$("#slide ul li").css({"position":"relative","overflow":"hidden","width":$width,"height":$height});
$("#slide ul li").hide().css({"position":"absolute","top":0,"left":0});
$("#slide ul li:first").addClass("active").show();

setInterval(function(){
var $active = $("#slide ul li.active");
var $next = $active.next("li").length?$active.next("li"):$("#slide ul li:first");
$active.fadeOut($fade_speed).removeClass("active");
$next.fadeIn($fade_speed).addClass("active");
},$interval);
});


$(function () {
	setTimeout("animation()",500); //アニメーションが実行されるまでの時間
});

function animation(){
	sampletext();
	sampleimage();
	box();
}

function sampletext() {
    $('.sampletext').animate({
        left: '350px',opacity:0
    }, 0).animate({
        left: '110px',opacity:1
    }, 1000);
  setTimeout('sampletext()', 10000); //アニメーションを繰り返す間隔
}

function sampleimage() {
    $(".box2").animate({
        top: "250px" //要素を動かす位置
    }, 0).animate({
        top: "40px" //要素を戻す位置
    }, 400)
    setTimeout("sampleimage()", 10000);//アニメーションを繰り返す間隔
}

function box() {
    $('.box1').animate({
		left:"140px",
		opacity:".1"
    },1110).animate({
		left:"140px",
       opacity:"1"
    }, 2100);
  setTimeout('box()', 12000); //アニメーションを繰り返す間隔
}
</script>
<style>
#wrap {
	position: relative;
	width: 300px;
	height: 250px;
	margin: 0px auto;
}
.sampletext {
	font-size: 12px;
	position: absolute;
	width: 100px;
	height:14px;
	top:50px;
	left:160px;
	float:left;
}
.box2 {
	color: white;
	text-align: center;
	width: 140px;
	position: absolute;
	height: 26px;
	background:#D9292C;
	font-size:10px;
	display:block;
}
#slide {
	width:340px;
	height:300px;
	margin:0 auto;
	position:relative;
}
.box1 {
	width: 100px;
	height:100px;
	position: absolute;
	top:40px;
	left:30px;
	text-align: center;
}
</style>
<title>サンプル</title>
</head>
<body>
<div id="wrap">
  <div class="box1">
        サンプルボックス1
 </div>
    <div id="slide">
    <ul>
      <li class="sampletext">ここはテキストが</li>
      <li class="sampletext">切り替わる</li>
    </ul>
    </div>
  <span class="box2">サンプルボックス2</span>
</div>
</body>
</html>

settimeoutでのループを指定の回数にしたい

初めまして！

この度、お仕事でWeb制作に携わることとなったのですが、HTML CSS Javascriptの知識が疎く、Webの情報を頼りに手探りで制作を進めている状態です。
そこで、Web制作の理解を深めるため、HTML CSS Javascript PHPの書籍で知識を取り入れたいと思っています。
書籍もWebで情報を得たりしてみたのですが、記事が古かったりするものが多く、リアルタイムで皆さんの意見を伺いたいと思い、この度質問させていただきました！
Web制作の知識に関しては、あやふやな所が多いので、初心者としての本を探していますが、基盤を固められる本であればいいなと思っています。

恐れ入りますが、よろしくお願いいたします！

Webアプリの書籍について

3DCGの開発初心者です。
Three.jsで開発を行っているのですが，平行投影（OrthographicCamera）で，マウスのポイントとオブジェクト（メッシュ）の当たり判定を行うことは可能でしょうか。
アドバイスなどいただきたく思います。
どうかよろしくお願いいたします。