title: display image and script for a set period of time
body: <p>This is very similar to a question I asked the other day but my page code has become significantly more complicated and I need to revisit it.  I've been using the following code:</p>
  
  <pre><code>$('#myLink').click(function() {
    $('#myImg').attr('src', 'newImg.jpg');
    setTimeout(function() { $('#myImg').attr('src', 'oldImg.jpg'); }, 15000);
  });
  </code></pre>
  
  <p>To replace an image for a set period of time (15 seconds) when the link is clicked, then after 15 seconds, revert to the original image.</p>
  
  <p>However now, I'd like to run a snippet of javascript as well when the link is clicked (in addition to replacing the image), and only when the link is clicked (it's related to the 15 second image) and then have the js code disappear as well after the 15 seconds...however I'm not sure how to have jquery send js code into the page...Basically I just want jQuery to "echo" this code onto the page underneath the 15 second while I am there, but I don't know how jquery formats this "echo".</p>
  
  <p>Does this question make sense?</p>
  
  <pre><code>  interval = 500;
    imgsrc = "webcam/image.jpg";
  
    function Refresh() {
       tmp = new Date(); 
       tmp = "?" + tmp.getTime();
       document.images["image1"].src = imgsrc + tmp;
       setTimeout("Refresh()", interval);
    }
  
    Refresh();
  </code></pre>
  
  <p>It's script for a webcam.  Basically it takes a new picture every half a second and replaces it on the page. You must forgive me, I'm new to jquery, I don't know how to make this script work in a jquery context.</p>