[html] <style type="text/css" >
@import url("https://forumstatic.ru/files/0019/3c/8c/89766.css?v=18");
</style>
<div class="wrap">
<div class="scene">
<div id="plant" class="item"></div>
<div id="mirror">
<div id="mirror-content"></div>
</div>
<div id="plant-2" class="item"></div>
<div id="books" class="item">
<div id="apple" class="item"></div>
</div>
<div id="plant-3" class="item"></div>
<div id="clock" class="item"> <iframe src="https://godon.ru/scripts/clock/" width="250px" height="250"></iframe> </div>
</div>
</div>
<script type="text/javascript">
const images = [
"https://forumupload.ru/uploads/0019/3c/8c/3/797885.gif",
];
const mirrTime = 3600;
function mirrLeaf() {
clearTimeout(mirrTimer);
$("#mirror-content").css({
"background-image": `url(${images[++current % images.length]})`
});
mirrTimer = setTimeout(mirrLeaf, mirrTime);
}
var current = 0;
var mirrTimer = setTimeout(mirrLeaf, mirrTime);
$(document).ready(function () {
$("#mirror-content").on("click", mirrLeaf);
});
</script>[/html]
