js settimeoutを用いてタイミング爆弾を実現する方法

1365 ワード

本明細書では、jsがsettimeoutを用いてタイミング爆弾を実現する方法を例示する.皆さんの参考にしてください.具体的な分析は以下の通りである.
今日css探索の旅のブログ記事を見て、settimeoutで時限爆弾を書く効果があって、自分も猫のように猫を描いて書きました.





     




$("#zha").bind("click",function(){ zha(); }) $("#chai").bind("click",function(){ chai(); }) var time = 5; var timer = 0; function zha(){ var text = " "; text += time--; $("#zha").text(text); if(time >=0){ timer = setTimeout(zha,1000); $("#zha").css("color","black"); $("#chai").show(); }else{ $("#zha").text(" "); $("#zha").css("color","red"); time = 5; $("#chai").fadeOut(); } } function chai(){ clearTimeout(timer); $("#zha").text(" , "); }

本稿で述べたjavascriptプログラムの設計に役立つことを願っています.