タグ setTimeout
人気順 10 users 50 users 100 users 500 users 1000 userssetTimeout を完璧に理解する
2022/11/21
303 users
深堀
挙動
API
node.js
実装
setTimeout は、指定された時間以降に指定されたコードを実行する JavaScript の API です。ブラウザでも Node.js でも広く使われているのですが、実装はまちまちで、色々と特殊な条件も多く、挙動を完璧に理解している人は少ないと思います。この記事では、そんな setTimeout を可能な限り深堀りしてみようと思います。... 続きを読む
setTimeout の真の力、あなたは知っていますか？ - Qiita
2022/10/23
159 users
Qiita
パフォーマンス
web
ブラウザ
能力
大雑把な理解としては問題ないですが、実は setTimeout の隠された能力はそれだけではありません。 setTimeout の隠された能力を知るとどんな良いことがあるのでしょうか？ 例えば、次のような良いことがあります。 ブラウザに対する理解が深まる Web サイトのパフォーマンスを向上させることができる ドヤれる まず、 ... 続きを読む
Timers Promises API が最高 - Panda Noir
2022/09/03
21 users
API
impo
Promise
名前
感じ
名前から既にワクワクするこのAPIは、なんとPromiseを返すsetTimeout、setInterval関数を提供しています！最高です… というわけで今回はそれの紹介です。 基本的な使い方 await setTimeout(1000) ←これができるんです！素晴らしくないですか？？ top-level await や for-awaitと組み合わせるとこんな感じで書けます impo... 続きを読む
"何回閉じても無駄ですよ〜"と無限にアラートを出す10の方法 - Qiita
2019/03/05
51 users
Qiita
quot
alert
アラート
方法
function f() { alert('何回閉じても無駄ですよ〜') setTimeout(f) } setTimeout(f) 続きを読む
ページ読み込み中に setTimeout() や setInterval() が先送りされるようになりました (影響あり) | Firefox サイト互換性情報
2019/02/19
29 users
setInterval
タイマー
Firefox
バージョン
バージョン: Firefox 66 カテゴリー: その他 概要 Firefox 66 以降、ページ読み込み中に window.setTimeout や window.setInterval メソッドで追加されたタイマーは低い優先度をつけられ、空き時間が得られるか読み込みが完了するまで先送りされるようになります。 この変更は Google Docs のような複雑なウェブアプリケ... 続きを読む
ページ上でずっと動いているsetTimeout、setInterval、requestAnimationFrameを見つけてパフォーマンス改善する | Web Scratch
2017/12/07
99 users
setInterval
timer
ウェブアプリケーション
複雑なウェブアプリケーションになってくると、1つのページで複数のTimerなどを回すことがあります。 例えば、Twitterのようなアプリならば、ポーリングで更新するために setInverval のようなタイマーを回します。 また、ゲームなどCanvasで描画を行うアプリケーションならば、メインループを requestAnimationFrame で回します。 このように色々なタイマー系が一つの... 続きを読む
おーい磯野〜 callback使ってる関数をPromiseでラップしてasync/awaitで書こうぜ〜 - taiki-t's diary
2017/09/05
57 users
await
resolve
async
callback
関数
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
2016/10/20
304 users
Qiita
setInterval
1ms
関数
遅延
はじめに JavaScriptのタイマー処理( setTimeout() , setInterval() )は1000分の1秒の精度(ms)で遅延時間を指定することができます。 見ての通り、上記のコードは第一引数に渡した関数が 1ms 後に実行されることを期待して書かれていますが、実際にこれを実行すると 最低でも4ms以上の遅延が発生します。 これは、JavaScriptエンジンの実装によって、 ... 続きを読む
JavaScriptのsetTimeout()でコールバック関数に引数を渡す | EasyRamble
2015/05/12
25 users
sleep
EasyRamble
備忘録
引数
昨晩
JavaScript には sleep がないわけですが、特定の処理を遅らせたい場合、代わりに setTimeout() を利用します。昨晩この setTimeout() の書き方で手こずったので備忘録。 続きを読む
setTimeout, setIntervalを乗っ取って爆速にする - 素人がプログラミングを勉強していたブログ
2014/08/18
103 users
setInterval
func
toString
仁義
爆速
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/17
112 users
counter
font-family
head
仁義
戦い
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... 続きを読む
スマホサイトで大活躍！ setTimeoutについて | Webamb | ウェブアンブ
2013/12/17
22 users
Webamb
ウェブアンブ
大活躍
スマホサイト
jQuery.Deferredを使って非同期ループ！ #jQuery #JavaScript #Deferred - Qiita [キータ]
2013/06/06
57 users
typeof
キータ
undefined
jQuery
var
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
132 users
function
関数
プログラミング
else if
素人
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情報ブログ
2012/08/05
80 users
リピータ
トラッキングコード
READ
gaq.push
上級
[対象: 上級]訪問者が一定時間、たとえば15秒以上滞在したら直帰とはみなさなくするGoogleアナリティクスの設定を今日は紹介します。英語版のGoogleアナリティクス公式ブログで紹介されていた方法になります。設定方法は簡単で以下のコードを標準のトラッキングコードに挿入するだけです。setTimeout("_gaq.push(['_trackEvent', '15_seconds', 'read... 続きを読む
JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」:phpspot開発日誌
2012/06/07
143 users
Timing
setInterval
関数
タイマー処理
沢山
timing: a jQuery plugin JSでのタイマー処理がもっと簡単になるjQueryプラグイン「timing」 setTimeoutやsetIntervalはタイマー関連の関数ですが、沢山使うとどこで何やってるかわかりにくくなって管理がめんどくさいですね。 timingプラグインを使えば、次のように書けば 0.3秒ごとにクラスをつけたり消したりということが可能。これにより文字を点滅さ... 続きを読む
[JS]実行のタイミング（開始時間・回数・リピートなど）を簡単に設定できるスクリプト -timing | コリス
2012/06/04
81 users
Timing
setInterval
コリス
jQuery
JavaScriptにはsetTimeout(), setInterval()とタイミングを設定できるメソッドがありますが、より簡単にタイミング（遅延時間・回数・リピートなど）を設定できるjQueryのプラグインを紹介します。 デモを例に、スクリプトの使い方を紹介します。 スクリプトの準備 スクリプトを使用するには「jquery.js」と当スクリプトを外部ファイルとして記述します。 ※jQuery... 続きを読む
最速インターフェース研究会 :: JavaScriptの関数の結果を期限付きでキャッシュする
2007/02/16
92 users
関数
最速インターフェース研究会
JavaScript
結果
処理に時間がかかるけれども、一定時間は結果が変わらないような関数の結果をキャッシュしたい。 例えばgetElementsByTagName("*")なんかを頻繁に呼び出すようなコードがあったとして、結果をキャッシュしたいけれど画面描画が発生すると使えなくなってしまう。setTimeoutで0ミリ秒後にキャッシュを消す処理を入れておいて、画面描画と関係のある処理はタイマーで実行するような制約を付けて... 続きを読む
404 Blog Not Found:javascript - ページはいつ再描画されるか
2006/09/22
191 users
404 Blog Not Found
Element
関数
大変に有用な考察だが、一つ重要な指摘漏れがある。 IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念setInterval、setTimeout、イベントによる関数の実行を理解することだと思う ページがいつ再描画されるか、ということである。 未経験者は、document.write()やelement.innerHTML = "foo"のよ... 続きを読む
IT戦記 - JavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念
2006/09/10
407 users
IT戦記
概念
setInterval
function
関数
javascript おそらく、JavaScript を使いこなす肝はsetInterval、setTimeout、イベントによる関数の実行を理解することだと思う 例えば次のコードの結果を考えたとき document.write("hoge\n"); setTimeout(function(){ document.write("fuga\n") }, 1000); document.write("... 続きを読む