$(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;
});
});
<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>
p, div {
margin: 20px 20px 0px;
clear:both;
}
div.trigger2{
color:red;
}
External resources loaded into this fiddle: