setIntervalの第2引数に気を付けろというだけの話

2023/12/16 23 users TypeScript TRAP JavaScript 19b

この記事はtraP Advent Calendar 2023 14日目の記事です。 はじめに こんにちは。19Bの@kegraという者です。いつもゲーム開発とかWeb開発あたりをやってます。 今日はJavaScript(TypeScript)で最近やらかした割と初歩的なデカいミスを紹介したいと思います。 setInterval()による定期ポーリング 僕は今あるシステムを作... 続きを読む

ロケーションバーでアニメーションする - hitode909の日記

2020/08/13 7 users ロケーションバー Twitter script 日記

ロケーションバーでアニメーションするのをtwitterで見かけて、いいなと思ったのでやってみる。 <script> (() => { let chars = ["?", "?", "?", "?", "?", "?", "?", "?"]; setInterval(() => { history.replaceState({}, '', location.pathname+location.search+'#'+chars[0]); chars.push(chars.shift()); },... 続きを読む

ページ読み込み中に setTimeout() や setInterval() が先送りされるようになりました (影響あり) | Firefox サイト互換性情報

2019/02/19 29 users setTimeout タイマー Firefox バージョン

バージョン: Firefox 66 カテゴリー: その他 概要 Firefox 66 以降、ページ読み込み中に window.setTimeout や window.setInterval メソッドで追加されたタイマーは低い優先度をつけられ、空き時間が得られるか読み込みが完了するまで先送りされるようになります。 この変更は Google Docs のような複雑なウェブアプリケ... 続きを読む

ページ上でずっと動いているsetTimeout、setInterval、requestAnimationFrameを見つけてパフォーマンス改善する | Web Scratch

2017/12/07 99 users setTimeout timer ウェブアプリケーション

複雑なウェブアプリケーションになってくると、1つのページで複数のTimerなどを回すことがあります。 例えば、Twitterのようなアプリならば、ポーリングで更新するために setInverval のようなタイマーを回します。 また、ゲームなどCanvasで描画を行うアプリケーションならば、メインループを requestAnimationFrame で回します。 このように色々なタイマー系が一つの... 続きを読む

JavaScriptの1msは4ms - Qiita

2016/10/20 304 users Qiita setTimeout 1ms 関数 遅延

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

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

2014/08/18 103 users func setTimeout 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... 続きを読む

iOS6 Mobile Safariでスクロールするとタイマーが止まるバグ？ ｜ クラスメソッド開発ブログ

2012/09/26 8 users タイマー パク クラスメソッド開発ブログ 最中 iOS6

setTimer, setIntervalあたりの動きが怪しい 利用者の多さと大きな期待からiOS6への指摘が多数報告されています。ということで、今回も１つ共有です。setTimerやsetIntervalが動いている最中に画面をスクロールするとタイマーが止まります。これも影響大きいかなぁ。。。 怪しい動作の確認 まずは以下のサイトをiOS6 Mobile Safariで開いて下さい。ボタンを押す... 続きを読む

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

2012/06/07 143 users Timing setTimeout phpspot開発日誌

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

[JS]実行のタイミング（開始時間・回数・リピートなど）を簡単に設定できるスクリプト -timing | コリス

2012/06/04 81 users Timing setTimeout コリス jQuery デモ

JavaScriptにはsetTimeout(), setInterval()とタイミングを設定できるメソッドがありますが、より簡単にタイミング（遅延時間・回数・リピートなど）を設定できるjQueryのプラグインを紹介します。 デモを例に、スクリプトの使い方を紹介します。 スクリプトの準備 スクリプトを使用するには「jquery.js」と当スクリプトを外部ファイルとして記述します。 ※jQuery... 続きを読む

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戦記 概念 setTimeout function 関数

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