Simple page refresh

0

I have a zone on my site that has the last 5 news and I want to put a way to change it without being manually. even with an Excel file, notepad whatever.

   <div id="footer-wrapper">
            <section id="footer" class="container">
                <div class="row">
                    <div class="8u">
                        <section>
                            <header>
                                <h2>Últimas Noticias:</h2>
                            </header>
                            <ul class="dates">
                              <li>
                                    <span class="date">jan <strong>31</strong></span>
                                    <h3><a href="#">TESTE</a></h3>
                                    <p>Ipsum dolor sit amet veroeros consequat blandit ipsum phasellus lorem consequat etiam.</p>
                                </li>
                              <li>
                                    <span class="date">Jan <strong>23</strong></span>
                                    <h3><a href="#">Teste</a></h3>
                                    <p>Blandit phasellus lorem ipsum dolor tempor sapien tortor hendrerit adipiscing feugiat lorem.</p>
                                </li>
                              <li>
                                    <span class="date">Jan <strong>1</strong></span>
                                    <h3><a href="#">Ano Novo</a></h3>
                                    <p>Dolore consequat sed phasellus lorem sed etiam nullam dolor etiam sed amet sit consequat.</p>
                                </li>
                              <li>
                                    <span class="date">Dez <strong>25</strong></span>
                                    <h3><a href="#">Dia de Natal</a></h3>
                                    <p>Feugiat lorem dolor sed nullam tempus lorem ipsum dolor sit amet nullam consequat.</p>
                                </li>
                              <li>
                                    <span class="date">Dez <strong>13</strong></span>
                                    <h3><a href="#">teste</a></h3>
                                    <p>Feugiat sed tempus blandit tempus adipiscing nisl lorem ipsum dolor sit amet dolore.</p>
                                </li>
                            </ul>
                        </section>
    
asked by anonymous 22.01.2015 / 13:20

2 answers

1

Hello, create any page with the content to be updated, within it add:

     <head>
       <meta http-equiv="refresh" content="30">
     </head>

and on the main page add an iframe by calling the content page in the region of the site that you want

    
22.01.2015 / 13:37
0

Ideally you would use websockets for real-time response but if you want to do an update every minute you can use the javascript setInterval () function and configure to make an ajax call every minute and update a <div> or the <ul> itself with the content returned.

setInterval(function(){ /* chamada ajax aqui */ }, 60000);
    
22.01.2015 / 13:31