<div class="timer" style="padding: 10px; border: 1px solid #CCC; margin: 10px auto; width: 200px; text-align: center;">
  Time remaining: <span class="time"></span>
</div>
<p style="text-align:center;">
  <img src="https://www.google.com/logos/doodles/2020/canada-day-2020-6753651837108439-2x.jpg" style="max-width: 400px;" />
</p>
<script type="text/javascript" charset="utf-8">  
  $(document).on('ready pjax:scriptcomplete',function(){
 
    var delay = 10; // Delay time in seconds
 
    $('#question{QID} span.time').text(delay);
 
    var submitTimer = setInterval(function() {
      delay--;
      $('#question{QID} span.time').text(delay);
 
      if(delay == 0) {
        clearInterval(submitTimer);
        $('#question{QID} .question-text img').fadeOut();
        $('#ls-button-submit').trigger('click');
      }
    }, 1000);
    });
</script>