Skip to content

Instantly share code, notes, and snippets.

@gekh
Created July 24, 2014 21:04
Show Gist options
  • Save gekh/224506f8e347d8e99fd2 to your computer and use it in GitHub Desktop.
Save gekh/224506f8e347d8e99fd2 to your computer and use it in GitHub Desktop.
<script type="text/javascript">
/* Скрипт для верхнего таймера с редиректом на свежий рейтинг */
$(document).ready(function(){
// Включим таймер. Необходимо, чтобы не редиректило при проблемах со скриптами.
$('#tagline-top-redirect-timer').data('timer', 'enable');
// Рекурсивная фнукция реализующая редирект по таймеру.
function tagline_top_timer()
{
var status = $('#tagline-top-redirect-timer').data('timer');
if (status !== 'enable')
{
return false;
}
var timer = $('#tagline-top-redirect-timer').text();
if (timer == 0)
{
var url = $('#tagline-top-redirect-link').attr('href');
document.location.href = url;
}
else
{
$('#tagline-top-redirect-timer').text(--timer);
// setTimeout(tagline_top_timer, 1000);
}
}
// Запускаем таймер
tagline_top_timer();
// Отключаем таймер по клику на «Остаться здесь»
$('#tagline-top-disable').on('click', function(){
$('#tagline-top-redirect-timer').data('timer', 'disable');
$('#tagline-top-redirect-banner').slideUp();
return false;
});
});
</script>
<style type="text/css">
/* Стили для верхнего таймера с редиректом на свежий рейтинг */
#tagline-top-redirect-banner
{
background-color: #f6f8fb;
width: 100%;
padding: 10px 0 15px 0;
text-align: center;
font-size: 16px;
font-weight: bold;
}
</style>
<div id="tagline-top-redirect-banner">
Через
<span id="tagline-top-redirect-timer" data-timer="disable">7</span>
секунд вы увидите
<a id="tagline-top-redirect-link" href="http://2014.tagline.ru/digital-production-rating/">
свежий рейтинг-2014
</a>.
Он лучше, правда.
<span class="dashed_link"><a id="tagline-top-disable" href="#">Остаться здесь</a></span>?
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment