JavaScriptの1msは4ms - Qiita

2016/10/20 304 users Qiita setInterval setTimeout

はじめに JavaScriptのタイマー処理( setTimeout() , setInterval() )は1000分の1秒の精度(ms)で遅延時間を指定することができます。 見ての通り、上記のコードは第一引数に渡した関数が 1ms 後に実行されることを期待して書かれていますが、実際にこれを実行すると 最低でも4ms以上の遅延が発生します。 これは、JavaScriptエンジンの実装によって、 ... 続きを読む

setTimeout, setIntervalを乗っ取って爆速にする - 素人がプログラミングを勉強していたブログ

2014/08/18 103 users setInterval func setTimeout 仁義

2014-08-18 setTimeout, setIntervalを乗っ取って爆速にする setTimeout() vs ハッカー、仁義なき戦いによると function isNativeFunction(func, name) { for (var o in func) { if (o === "toString") return false; } var match = func.toStr... 続きを読む

JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」:phpspot開発日誌

2012/06/07 143 users Timing setInterval setTimeout

timing: a jQuery plugin JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 setTimeoutやsetIntervalはタイマー関連の関数ですが、沢山使うとどこで何やってるかわかりにくくなって管理がめんどくさいですね。 timingプラグインを使えば、次のように書けば 0.3秒ごとにクラスをつけたり消したりということが可能。これにより文字を点滅さ... 続きを読む

JavaScript アニメーションのデザインパターン

2012/05/13 955 users アニメーション JavaScript デザインパターン 変色

JavaScript でアニメーションを作る アニメーションとは何？ ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() ... 続きを読む

タイマーを作る際に便利なjQueryプラグイン「jQuery Timer」:phpspot開発日誌

2011/06/17 111 users タイマー jQueryプラグイン phpspot開発日誌

jQuery Timer Demo タイマーを作る際に便利なjQueryプラグイン「jQuery Timer」。 単純に、指定エレメントの値を指定秒数で＋していくタイマーの実装がjQueryのプラグイン形式で簡単にできるものです。 setIntervalとかでやっちゃえばいい話なのですが、オブジェクト指向っぽく使えて後から見たときのコードも分かりやすくできます。 var myTimer = $.t... 続きを読む

IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念

2006/09/10 407 users IT戦記 概念 setInterval setTimeout

javascript おそらく、JavaScript を使いこなす肝はsetInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("... 続きを読む