How do I dynamically change the content in an iframe using jquery

Question

I was wondering if it is possible to have a site with an iframe and some jquery code that changes the iframe content every 30 seconds  The content is in different webpages   Something like this    lt html gt     lt head gt       lt script type  text javascript  src  jquery js  gt  lt  script gt       lt script gt          document  ready function            var array   new array            array 0     http   webPage1 com           array 1     http   webPage2 com              And so on             Do something here to change the iframe every 30 second                lt  script gt     lt  head gt     lt body gt       lt iframe id  frame  gt  lt  iframe gt     lt  body gt   lt  html gt

User · Answer

var handle   setInterval changeIframe  30000   var sites     google com    yahoo com    var index   0   function changeIframe           frame   0  src   sites index       index   index  gt   sites length   0   index

User · Answer

If you just want to change where the iframe points to and not the actual content inside the iframe  you would just need to change the src attribute        myiframe   attr  src    newwebpage html

User · Answer

lt html gt     lt head gt       lt script type  text javascript  src  jquery js  gt  lt  script gt       lt script gt          document  ready function            var locations     http   webPage1 com    http   webPage2 com            var len   locations length          var iframe       frame            var i   0          setInterval function                  iframe attr  src   locations   i   len               30000                  lt  script gt     lt  head gt     lt body gt       lt iframe id  frame  gt  lt  iframe gt     lt  body gt   lt  html gt

[jquery] How do I dynamically change the content in an iframe using jquery?

Examples related to jquery

Examples related to iframe