Мне нужно это зациклить (0n/off) и по кругу
$(document).ready(function() {
$(function() {
$('#img').click(function() {
$('body').css('background', 'black');
$('p').html('<p>off</p>');
$('p').css('color', 'white');
$('#img').replaceWith('<img id=im src="off.png">');
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="off">
<p>On</p>
<div class="img">
<img id="img" src="on.png">
</div>
</div>