Яваскрипт, запуск таймера по клику

[Pashka Korchagin]

Ребята, кто знаком с яваскриптом, помогите решить одну маленькую проблему. Нужно чтобы таймер запускался по кнопке открытия спойлера, сейчас запускается при входе на страницу.

Открытие спойлера по клику так оформлено:
(нужно чтобы одновременно запускался таймер, сейчас таймер запускается при входе на страницу)

$(document).ready(function(e) { $('#video').click(function () { $('.player').slideToggle('slow'); return false; }); });

Таймер:

$(function(){
var advm_timer = 20;
var advm_height = $('#advm_preload').parent().height();
var advm_width = $('#advm_preload').parent().width();
$('#advm_preload,#advm_close,.advm_loader,#advm_preload > div').css('display','block');
$('#advm_preload').parent().find('object').append('<param name="wmode" value="opaque">');
$('#advm_preload').parent().css('position', 'relative');
$('#advm_preload').css({'position':'absolute'});
$("#advm_timer").html(advm_timer);
} и т.д. другая функция...

Обычно сам до всего дохожу, но сейчас нет ни времени на изучение языка, не денег на фрилансеров.
Очень выручите. Спасибо!

 

[mff4]

Вас интересует JS или jQuery?

 

[Pashka Korchagin]

Вас интересует JS или jQuery?

javascript

<script type="text/javascript">
</script>

 

[Шумадан]

function startTimer()
{
var advm_timer = 20;
var advm_height = $('#advm_preload').parent().height();
var advm_width = $('#advm_preload').parent().width();
$('#advm_preload,#advm_close,.advm_loader,#advm_preload > div').css('display','block');
$('#advm_preload').parent().find('object').append('<param name="wmode" value="opaque">');
$('#advm_preload').parent().css('position', 'relative');
$('#advm_preload').css({'position':'absolute'});
$("#advm_timer").html(advm_timer);
}

$(document).ready(function(e) { $('#video').click(function () { $('.player').slideToggle('slow'); startTimer(); return false; }); });

 

[Pashka Korchagin]

$(document).ready(function(e) { $('#video').click(function () { $('.player').slideToggle('slow'); startTimer(); return false; }); });

Шумадан, благодарю за ответ. К сожалению, не работает так. Таймер запускается сразу же после открытия странички. Как у него автостарт отрубить?

<a href="#" id="video" class="c-news">Видео в помощь</a>

<script type="text/javascript">
$(document).ready(function(e) { $('#video').click(function () { $('.player').slideToggle('slow'); startTimer(); return false; }); });
</script>

<script type="text/javascript">

$(function(){

function startTimer()
{ (так не работает)

$(function startTimer()
{ (так запускает таймер сразу же по открытию страницы)

var advm_timer = 20;
var advm_height = $('#advm_preload').parent().height();
var advm_width = $('#advm_preload').parent().width();
$('#advm_preload,#advm_close,.advm_loader,#advm_preload > div').css('display','block');
$('#advm_preload').parent().find('object').append('<param name="wmode" value="opaque">');
$('#advm_preload').parent().css('position', 'relative');
$('#advm_preload').css({'position':'absolute', 'top':'0', 'left':'0', 'width':'600px', 'height':'350px'});
$("#advm_timer").html(advm_timer);
function advmPreload(){
advm_timer = advm_timer-1;
$("#advm_timer").html(advm_timer);
if(advm_timer>0){
setTimeout(function(){ advmPreload(); },1000);
}else{
$("#advm_preload").hide();
}
}
setTimeout(function(){ advmPreload(); },1000);
$('#advm_close, #advm_preload').click(function(){
$('#advm_preload').hide();
});
});
</script>

 

[Шумадан]

зачем вы пишете

$(function(){

я же вам дал код готовый, только вставить

 

[Pashka Korchagin]

зачем вы пишете

$(function(){

я же вам дал код готовый, только вставить

Шумадан, извините. Это был метод научного тыка.

В конце скрипта не убрал лишнюю скобку, стал "изобретать".

Работает в таком виде:

<script type="text/javascript">
function startTimer()
{
var advm_timer = 20;
var advm_height = $('#advm_preload').parent().height();
var advm_width = $('#advm_preload').parent().width();
$('#advm_preload,#advm_close,.advm_loader,#advm_preload > div').css('display','block');
$('#advm_preload').parent().find('object').append('<param name="wmode" value="opaque">');
$('#advm_preload').parent().css('position', 'relative');
$('#advm_preload').css({'position':'absolute', 'top':'0', 'left':'0', 'width':'990px', 'height':'555px'});
$("#advm_timer").html(advm_timer);
function advmPreload(){
advm_timer = advm_timer-1;
$("#advm_timer").html(advm_timer);
if(advm_timer>0){
setTimeout(function(){ advmPreload(); },1000);
}else{
$("#advm_preload").hide();
}
}
setTimeout(function(){ advmPreload(); },1000);
$('#advm_close, #advm_preload').click(function(){
$('#advm_preload').hide();
});
};
</script>

Правильно?

 

[Шумадан]

Шумадан, извините. Это был метод научного тыка.

В конце скрипта не убрал лишнюю скобку, стал "изобретать".

Работает в таком виде:

<script type="text/javascript">
function startTimer()
{
var advm_timer = 20;
var advm_height = $('#advm_preload').parent().height();
var advm_width = $('#advm_preload').parent().width();
$('#advm_preload,#advm_close,.advm_loader,#advm_preload > div').css('display','block');
$('#advm_preload').parent().find('object').append('<param name="wmode" value="opaque">');
$('#advm_preload').parent().css('position', 'relative');
$('#advm_preload').css({'position':'absolute', 'top':'0', 'left':'0', 'width':'990px', 'height':'555px'});
$("#advm_timer").html(advm_timer);
function advmPreload(){
advm_timer = advm_timer-1;
$("#advm_timer").html(advm_timer);
if(advm_timer>0){
setTimeout(function(){ advmPreload(); },1000);
}else{
$("#advm_preload").hide();
}
}
setTimeout(function(){ advmPreload(); },1000);
$('#advm_close, #advm_preload').click(function(){
$('#advm_preload').hide();
});
};
</script>

Правильно?

ну если работает - значит правильно?

 

[igro]

А чем вам неугодило

onclick="startTimer()"

(для спойлера) ? Просто оберните код таймера в функцию, как и указали выше.

function startTimer()
{
// Таймер
}

 

[Шумадан]

А чем вам неугодило

onclick="startTimer()"

(для спойлера) ? Просто оберните код таймера в функцию, как и указали выше.

function startTimer()
{
// Таймер
}

там и есть онклик, просто он навешивается через jquery