<div id="reversetimer">
<strong><span style="font-size: 11pt;" class="sec">10</span></strong>
<p style="display: none; font-size: 11pt;">текст после окончания таймера</p>
</div>
<script>
(function(d){
var display = d.querySelector('#reversetimer .sec')
var timeLeft = parseInt(display.innerHTML)
var timer = setInterval(function(){
if (--timeLeft >= 0) {
display.innerHTML = timeLeft
} else {
d.querySelector('#reversetimer strong').style.display = 'none'
d.querySelector('#reversetimer p').style.display = 'block'
clearInterval(timer)
}
}, 1000)
})(document)
</script>

#bib {display: none;}
#pun-index #bib {display: block;}

<!-- Последние сообщения форума -->
<style type="text/css">
#bib {
font-family: Agency FB Cyrillic;
font-size: 17px;
color: #800000;
}
#bib a {
color: #FFFFFF;
}
#bib a:hover {
color: #800000;
}
.tinf {
width:800px;
color: #444444;
}
</style>
<marquee id="bib" direction="up" scrollamount="0" scrolldelay="50" onmouseover=this.scrollAmount="0" onmouseout=this.scrollAmount="3"></marquee>
<script type="text/javascript">
$(function(){
$('div#News_L1').after('<div id="bib"></div>');
$.get('export.php?type=rss','',processXML);
function processXML(data){
$(data).find('item:lt(10)').each(function(){  
var JAuthor=$(this).find('author').text().slice(14,-1);
var JTitle=$(this).find('title').text();
var JLink=$(this).find('link').text();
 
var JPosted=$(this).find('pubDate').text().slice(4,-5);
$('#bib').append('<div class=\"tinf\"><a href="'+ JLink +'" target="_blank">'+ JTitle +'</a><br>'+ JPosted +'</div>'); });
 } });
</script>