タグ「setTimeout」 - はてブログ

タグ setTimeout

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 21 / 21件)

Array.fromAsync()とPromise.all()の違い【JavaScript】 - Qiita

2024/09/18 15 users Qiita resolve Delay sleep 同時実行

ようわからんかったのでメモ TL;DR Array.fromAsync()は順次実行 Promise.all()は同時実行 const sleep = delay => new Promise(resolve => setTimeout(resolve, delay)) console.time() await Array.fromAsync([200, 100, 300], sleep) console.timeEnd() // elapsed: 600ms console.time() await Promise.all([200, 10... 続きを読む

setTimeout を完璧に理解する

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("... 続きを読む

(1 - 21 / 21件)