説明する問題があります。HTML5とCSS3でアニメーションを作成しています。私の考えでは、飛行機が飛び回っていて、しばらくするとミサイルを発射します。私がやりたいのは、その後ミサイルを出現させることです。しばらくして(選択したときはいつでも)javascriptを使用して、divのz-Indexプロパティを変更することを考えました(ミサイルイメージをdivコンテナーに入れているため)。そのために、下部にスリープ機能があります。zIndex値が変更されるため、機能することがわかっている「appear」関数を作成しましたが、必要な2秒待機しません。
また、visibilityプロパティを使用して解決策があると思いましたが、同じ問題があり、スリープ機能がまったく待機しません。
助言がありますか?ありがとう
function sleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
function appear(object){
sleep(200000);
var objective = document.getElementById(object);
objective.style.zIndex=1;