Underscore.js delay practice

by Shota Nara

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<p>_.delay Practice</p>
<div id="wrapper">
    <a href="#" class="trigger" data-sec="1000">クリックして1秒後に発動</a><br>
    <a href="#" class="trigger" data-sec="2000">クリックして2秒後に発動</a>
</div>

CSS

p, div {
    margin: 20px 20px 0px;
    clear:both;
}

div.trigger2{
    color:red;
}

JavaScript

$(function () {

	function call(sec){
		var p = document.createElement("p");
		var txt = document.createTextNode(sec + "に呼び出されました");
		p.appendChild(txt);
		var wrapper = document.getElementById("wrapper");
        return wrapper.appendChild(p);
	}

    $(".trigger").click(function(){
        var sec = $(this).data('sec')
       _.delay(call, sec, sec/1000+'秒後');
        return false;
    });

});