Edit Question - KnowledgeHub

Title Body

Here's a quick (broke) jsfiddle: http://jsfiddle.net/wH2qF/ This isn't working for some reason... is it because I have a setTimeout inside a handler of another setTimeout? $(function() { $("#Volume").click(function() { setTimeout(triggerVolumeChange, 4000); function triggerVolumeChange() { var volumeDiv = document.getElementById("volumeNumber"); var volumeOld = 8; var volumeNew = 37; var timeNew = (1000/(volumeNew-volumeOld)); changeVolume(); function changeVolume() { volumeDiv.innerHTML = volumeOld; volumeOld++; if (volumeOld <= volumeNew) setTimeout(changeVolume, timeNew); }; }); }); Should specify that for clarity purposes I deleted other things from that Click function, and also to clarify what doesn't work exactly, well, basically, I click and nothing happens, whereas if I cut out this chunk of code it works fine... actually the setting of the vars also work fine (naturally I presume) but when I paste or uncomment the changeVolume() function then the click stops working again... Any thoughts? -- Another piece of clarification: What I'm trying to do is, on click, simulate the volume going from value 8 to 37, in a string.. thus the setTimeout inside that function. -- As per your guy's request, here's the entire code... I doubt it will make sense, but here it is... FYI, on click this will trigger a number of animations to simulate the flow of an application I'm designing.. <script> $(function() { $("#Volume").click(function() { var userPrompt = document.getElementById("userPrompt") userPromp

Tags (comma-separated) Cancel