// use interval
function addMessageWithInterval() {
$(".use_interval").append(".");
interval_count++;
if (interval_count > 10) {
clearInterval(timerId);
}
}
var interval_count = 0;
var timerId = setInterval(addMessageWithInterval, 1000);
// use timeout
function addMessageWithTimeout() {
$(".use_timeout").append(".");
timeout_count++;
if (timeout_count <= 10) {
setTimeout(arguments.callee, 1000);
}
}
var timeout_count = 0;
setTimeout(addMessageWithTimeout, 1000);
<body>
<div class="use_interval">using interval</div>
<div class="use_timeout">using timeout</div>
</body>