Search jQuery

jQuery Forum

robo1986

Variable not holding value

in Getting Started • 11 years ago

Hi Guys, I am new to Jquery and this forum.

I'm wondering if any of you could help me? I am modifying an gallery script called slideSwitch. I want to set the interval value by a variable. For example, If I click button 1 the interval value is 5000 and If I click button 2 - the interval value is 2000 etc. Do I need to pass the value somehow? I might be totally off track here.. All help is appreciated.

My code so far:

function log(x) {

return x;

}

$(document).ready(function(){

$("button.1").click(function(){

var $logval=(log(5000));

});

$("button.2").click(function(){

var $logval=(log(2000));

});

setInterval( "slideSwitch()", $logval );

-----HTML-----

<button class="1">1 Button</button>

<button class="2">2 Button</button>

Replies(4)

Suman Mad..

Re: Variable not holding value

11 years ago

hi ,

if you want to pass the value you can use the "data" attribute for the element in this way

<button class="1" data-value ="5000">1 Button</button>

<button class="2" data-value ="2000">2 Button</button>

So when the button with class "1" is clicked you can get the value in this way

$(this).attr('data-value')//gives "5000" for button 1

in the similar way for button2 with class "2"

$(this).attr('data-value')//gives "2000" for button 2

Thanks,
Suman Madavapeddi

robo1986

Re: Variable not holding value

11 years ago

Hi,

Thanks for your reply.. This seems to work fine. However, the issue I have now is that every time I click the button it seems to start a new setInterval instead of changing the current setInterval value. So if I click the buttons loads it flicks rapidly.

Is there a way to clear the value or something similar to get around this issue?

Code I have now is:

// Set Interval
$(document).ready(function(){
$("button.1, button.2").click(function(){
var $logval=$(this).attr('data-value') //gives value
setInterval( "slideSwitch()", $logval );
});
});

---HTML---

<button class="1" data-value ="5000">5 sec Button</button>
<button class="2" data-value ="2000">2 sec Button</button>

intrader1

Re: Variable not holding value

11 years ago

the setInterval returns an id of the interval timer; the interval timer keeps on firing until you call clearInterval or the window closes.

intrader1

Re: Re: Variable not holding value

11 years ago

You can use an anonymous function so you make reference to the value of the interval timer id by "closure". Inside the anonymous function you clear the interval timer and call your original slideSwitch function.

Like so:

//code snippet start

var intervalTimerID = setInterval( function(){ clearInterval(intervalTimerID); slideSwitch()}, $logval );

//code snippet end

Top Reply

Response title

Attachments

jQuery Forum

Variable not holding value

Replies(4)

Re: Variable not holding value

Re: Variable not holding value

Re: Variable not holding value

Re: Re: Variable not holding value

Statistics

Tags

Actions

Related Posts