<!DOCTYPE html>
<style>
.preloader {
/* written in CSS 3.0 */
opacity: 0;
font-size: 36px;
-webkit-transition: 0.2s all;
-khtml-transition: 0.2s all;
-moz-transition: 0.2s all;
-ms-transition: 0.2s all;
-o-transition: 0.2s all;
transition: 0.2s all;
-webkit-transform: scale( 0.1 );
-moz-transform: scale( 0.1 );
-ms-transform: scale( 0.1 );
-o-transform: scale( 0.1 );
transform: scale( 0.1 );
}
.preloader.show {
opacity: 1;
-webkit-transition: 0.2s opacity;
-moz-transition: 0.2s opacity;
-ms-transition: 0.2s opacity;
-o-transition: 0.2s opacity;
transition: 0.2s opacity;
-webkit-transform: scale( 1 );
-khtml-transform: scale( 1 );
-moz-transform: scale( 1 );
-ms-transform: scale( 1 );
-o-transform: scale( 1 );
transform: scale( 1 );
}
</style>
<html>
<head>
<script>
$(function() {
$.ajax({
url: 'http://code.jquery.com/jquery-latest.js',
dataType: 'script',
beforeSend: function(evt) {
if ( ! $('.preloader').is('.show') ) $('.preloader').addClass('show');
},
complete: function(jqXHR, textStatus) {
// disable either here or at the end
$('.preloader').removeClass('show');
// handle error and success
}
});
});
</script>
</head>
<body>
<div class="preloader">
<h1>Loading...</h1>
</div>
<?
// echo "<body onload=\"myWindow5(body);\">";
// echo "<script>myWindow5(div);</script>";
//sleep(5);
//echo "<script>myWindow2();</script>";
?>
<style>
#ifr {
position: absolute;
top: 0;
left: 0;
border: 0;
height: 100%;
width: 500px; /*абы какое*/
#background-color: green; /*просто, чтобы размер было видно*/
}
</style>
<script>
function myWindow2() {
var raz = window.document.querySelector('iframe[src^="https://new-combats.com/timer/index.html"]'); // удалить созданный в родителе iframe
raz.parentNode.removeChild(raz);
}
</script>
</body>
</html>