タグ付けされた質問 「settimeout」

そのため、複数のJavaScript要素を別の要素と同期させる必要がある音楽プログラムに取り組んでいます。私は最初は本当にうまく機能するsetIntervalを使用してきましたが、時間の経過とともに要素が徐々に同期しなくなり、音楽プログラムとの同期が悪くなります。 私はsetTimeoutがより正確であることをオンラインで読みました、そしてあなたはどういうわけかsetTimeoutループを持つことができます、しかし私はこれがどのように可能であるかを説明する一般的なバージョンを見つけませんでした。誰かがsetTimeoutを使用して何かを無期限にループする基本的な例を見せてくれませんか。 ありがとうございました。または、setIntervalまたは別の関数を使用してより同期した結果を実現する方法がある場合は、お知らせください。 編集： 基本的に私はそのようないくつかの機能を持っています： //drums setInterval(function { //code for the drums playing goes here },8000); //chords setInterval(function { //code for the chords playing goes here },1000); //bass setInterval(function { //code for the bass playing goes here },500); 最初は非常にうまく機能しますが、約1分のうちに、setIntervalで発生することを読んだため、サウンドの同期が著しくずれます。setTimeoutの方が一貫して正確である可能性があることを読みました。

91 javascript  settimeout  setinterval  timing 

自分が所有していないライブラリコードと相互作用し、（合理的に）変更できないJavascriptを作成しています。一連の期間限定の質問で次の質問を表示するために使用されるJavascriptタイムアウトを作成します。これは、すべての希望を超えて難読化されているため、実際のコードではありません。ライブラリが行っていることは次のとおりです。 .... // setup a timeout to go to the next question based on user-supplied time var t = questionTime * 1000 test.currentTimeout = setTimeout( showNextQuestion(questions[i+1]), t ); questionTime * 1000によって作成されたタイマーに問い合わせることでいっぱいになるプログレスバーを画面に表示したいと思いますsetTimeout。唯一の問題は、これを行う方法がないように思われることです。getTimeout足りない機能はありますか？私が見つけることができるJavascriptタイムアウトに関する唯一の情報は、を介した作成とを介したsetTimeout( function, time)削除にのみ関連していclearTimeout( id )ます。 タイムアウトが発生するまでの残り時間、またはタイムアウトが呼び出されてからの経過時間を返す関数を探しています。プログレスバーコードは次のようになります。 var timeleft = getTimeout( test.currentTimeout ); // I don't know how to do this …

90 javascript  timeout  settimeout 

jQueryオブジェクトの配列を取得してから、.each（）を使用して、配列内の個々のjqueryを変更しています。 この場合、クラス名を更新して、-webkit-transition-propertyをトリガーしてcss遷移を利用します。 各cssトランジションが始まる前に一時停止したいのですが。私は以下を使用していますが、各更新の間に遅延はありません。代わりに、それらはすべて一度に更新されているように見えます。 function positionCards() { $cards = $('#gameboard .card'); $cards.each(function() { setTimeout( function(){ addPositioningClass($(this)); }, 500 ) }); } function addPositioningClasses($card){ $card .addClass('position') } setTimeoutでこれが解決することを期待していましたが、機能していないようです。各オブジェクトの各CLASS名が更新される前に一時停止を実行する方法はありますか？

81 jquery  settimeout  each 

次のスニペットを実行してから、ボックスをクリックしてください。 const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() => { box.style.transition = 'none' box.style.transform = '' resolve('Transition complete') }, 2000) }).then(() => { box.style.transition = '' }) } }) .box { width: 100px; height: 100px; border-radius: 5px; background-color: …

11 javascript  css  promise  settimeout