タグ setTimeout
人気順 5 users 10 users 100 users 500 users 1000 userssetTimeout を完璧に理解する
setTimeout は、指定された時間以降に指定されたコードを実行する JavaScript の API です。ブラウザでも Node.js でも広く使われているのですが、実装はまちまちで、色々と特殊な条件も多く、挙動を完璧に理解している人は少ないと思います。この記事では、そんな setTimeout を可能な限り深堀りしてみようと思います。... 続きを読む
setTimeout の真の力、あなたは知っていますか? - Qiita
大雑把な理解としては問題ないですが、実は setTimeout の隠された能力はそれだけではありません。 setTimeout の隠された能力を知るとどんな良いことがあるのでしょうか? 例えば、次のような良いことがあります。 ブラウザに対する理解が深まる Web サイトのパフォーマンスを向上させることができる ドヤれる まず、 ... 続きを読む
"何回閉じても無駄ですよ〜"と無限にアラートを出す10の方法 - Qiita
function f() { alert('何回閉じても無駄ですよ〜') setTimeout(f) } setTimeout(f) 続きを読む
ページ上でずっと動いているsetTimeout、setInterval、requestAnimationFrameを見つけてパフォーマンス改善する | Web Scratch
複雑なウェブアプリケーションになってくると、1つのページで複数のTimerなどを回すことがあります。 例えば、Twitterのようなアプリならば、ポーリングで更新するために setInverval のようなタイマーを回します。 また、ゲームなどCanvasで描画を行うアプリケーションならば、メインループを requestAnimationFrame で回します。 このように色々なタイマー系が一つの... 続きを読む
おーい磯野〜 callback使ってる関数をPromiseでラップしてasync/awaitで書こうぜ〜 - taiki-t's diary
2017 - 03 - 31 おーい磯野〜 callback使ってる関数をPromiseでラップしてasync/awaitで書こうぜ〜 JS 例1 const sleep = (ms) => { return new Promise(resolve => setTimeout(resolve, ms)); } const something = async () => { await sleep(... 続きを読む
JavaScriptの1msは4ms - Qiita
はじめに JavaScriptのタイマー処理( setTimeout() , setInterval() )は1000分の1秒の精度(ms)で遅延時間を指定することができます。 見ての通り、上記のコードは第一引数に渡した関数が 1ms 後に実行されることを期待して書かれていますが、実際にこれを実行すると 最低でも4ms以上の遅延が発生します。 これは、JavaScriptエンジンの実装によって、 ... 続きを読む
setTimeout, setIntervalを乗っ取って爆速にする - 素人がプログラミングを勉強していたブログ
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... 続きを読む
setTimeout() vs ハッカー、仁義なき戦い - 株式会社CFlatの明後日スタイルのブログ
2014-08-18 setTimeout() vs ハッカー、仁義なき戦い JavaScript 早速ですが、以下のHTMLを見て下さい……。 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>サンプル1</title> <style> #counter { font-size: 3em; font-family: monos... 続きを読む
jQuery.Deferredを使って非同期ループ! #jQuery #JavaScript #Deferred - Qiita [キータ]
if(jQuery) !function($){ 'use strict'; if( typeof $.asyncEach === 'undefined' ){ // setTimeoutとDeferredを使い非同期にする関数 var async = function($callback){ var $dfd = $.Deferred(); setTimeout(function(){ $cal... 続きを読む
nextTick、setTimeout(fn, 0)の代わり - 素人がプログラミングを勉強していたブログ
2013-04-05 nextTick、setTimeout(fn, 0)の代わり setTimeout(fn, 0)より高速な関数は最近はこんな感じのを使うといいと思う。 var nextTick; if (typeof setImmediate === 'function') { nextTick = setImmediate; } else if (typeof process === 'o... 続きを読む
リピータの多いブログで設定したい、滞在時間を考慮したGoogleアナリティクスの直帰率の計測方法 | 海外SEO情報ブログ
[対象: 上級]訪問者が一定時間、たとえば15秒以上滞在したら直帰とはみなさなくするGoogleアナリティクスの設定を今日は紹介します。英語版のGoogleアナリティクス公式ブログで紹介されていた方法になります。設定方法は簡単で以下のコードを標準のトラッキングコードに挿入するだけです。setTimeout("_gaq.push(['_trackEvent', '15_seconds', 'read... 続きを読む
JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」:phpspot開発日誌
timing: a jQuery plugin JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 setTimeoutやsetIntervalはタイマー関連の関数ですが、沢山使うとどこで何やってるかわかりにくくなって管理がめんどくさいですね。 timingプラグインを使えば、次のように書けば 0.3秒ごとにクラスをつけたり消したりということが可能。これにより文字を点滅さ... 続きを読む
[JS]実行のタイミング(開始時間・回数・リピートなど)を簡単に設定できるスクリプト -timing | コリス
JavaScriptにはsetTimeout(), setInterval()とタイミングを設定できるメソッドがありますが、より簡単にタイミング(遅延時間・回数・リピートなど)を設定できるjQueryのプラグインを紹介します。 デモを例に、スクリプトの使い方を紹介します。 スクリプトの準備 スクリプトを使用するには「jquery.js」と当スクリプトを外部ファイルとして記述します。 ※jQuery... 続きを読む
最速インターフェース研究会 :: JavaScriptの関数の結果を期限付きでキャッシュする
処理に時間がかかるけれども、一定時間は結果が変わらないような関数の結果をキャッシュしたい。 例えばgetElementsByTagName("*")なんかを頻繁に呼び出すようなコードがあったとして、結果をキャッシュしたいけれど画面描画が発生すると使えなくなってしまう。setTimeoutで0ミリ秒後にキャッシュを消す処理を入れておいて、画面描画と関係のある処理はタイマーで実行するような制約を付けて... 続きを読む
404 Blog Not Found:javascript - ページはいつ再描画されるか
大変に有用な考察だが、一つ重要な指摘漏れがある。 IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念setInterval、setTimeout、イベントによる関数の実行を理解することだと思う ページがいつ再描画されるか、ということである。 未経験者は、document.write()やelement.innerHTML = "foo"のよ... 続きを読む
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
javascript おそらく、JavaScript を使いこなす肝はsetInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("... 続きを読む