JavaScript - タイマーと連続クリックの防止に関する質問

Question

リーリー

上記のように、vsg を使用して 30 個の円をランダムに生成しました。各円をクリックすると、dom ツリーから削除されるまで円が大きくなり、より透明になることを願っています。私のコードはこの機能をゆっくりと実現できます。 1 つずつですが、すぐにダブルクリックすると、次のようなエラーが表示されます。 タイマーの書き込みに問題があるようですが、自分では解決できません；フロントエンド初心者でJSの基礎が弱すぎるので先輩方に教えてもらいますO(∩ _∩)お~

Answer 1

リーリー

このように書きます。まずノードがまだ存在するかどうかを判断し、存在する場合は削除し、存在しない場合はrmeovechildにはなりません

世界は広いから見てみたい

Answer 2

タイマー自体に問題はありません

素早くダブルクリックすると、svg で描かれた円には 2 つのタイマーが設定され、最初のタイマーが o<0.01 に達すると、クリックされた円は削除されます。
2 番目のタイマーもこの条件に達すると、削除アクションを実行するときに、dom は削除する必要があるオブジェクトが存在しないことがわかり、表示されるエラーが発生します。

解決策は、判定条件を追加することです。現在のサークルにタイマーが設定されている場合、後続のコードは実行されません。

リーリー