Remove javascript code using jQuery

Question

I used

<div id="myJSDiv"><script>...</script></div>
$("#myJSDiv").html('');

and

<script id="myJSDiv">...</script>
$("#myJSDiv").remove();

but nothing removed.

JS script is

<script id="count_down">
        var ss = 150;
        function countdown() {
            ss = ss-1;
            if (ss<0) {
                window.location="google.com";
            }else {
                document.getElementById("countdown").innerHTML=ss;
                window.setTimeout("countdown()", 1000);
            }
        }
        </script>

what do you expect to happen when you remove the script tag? — VeXii
– VeXii, Commented Mar 17, 2013 at 16:37
possible duplicate of Cleaning javascript variable scope by removing it's code from DOM — JJJ
– JJJ, Commented Mar 17, 2013 at 16:44

jfriend00 · Accepted Answer · 2013-03-17 19:14:57Z

3

Once a script has loaded, removing the script tag it came from does not do anything to the functions or variables defined or created by that script.

There is no way to remove a block of code like that after it has loaded. Global functions can be redefined after they were loaded, but that's about all you can do. Perhaps, if you described the overall problem you are trying to solve, we could suggest a better approach.

Now that you've added the actual problem to your question, to stop your countdown timer, you can do this:

 <script id="count_down">
    var ss = 150;
    var countdownTimer;
    function countdown() {
        ss = ss-1;
        if (ss<0) {
            window.location="google.com";
        }else {
            document.getElementById("countdown").innerHTML=ss;
            countdownTimer = window.setTimeout(countdown, 1000);
        }
    }

    function stopCountdown() {
        clearTimeout(countdownTimer);
    }
    </script>

Just call the stopCountdown() function when you want to stop the countdown timer.

edited Mar 17, 2013 at 19:14

answered Mar 17, 2013 at 16:36

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

PHP Ferrari Over a year ago

I have a javascript count down script which I call on body onload(). There is a button on my html page, when I clicked that button it returns ether 0 or 1. I want if it return 0 the js script should be removed with out refresh the page.

jfriend00 Over a year ago

@PHPFerrari - you CANT just remove scripts that have already been parsed and are already executing. If you want to stop the countdown script from running, then that can be done, but you'd have to show us the countdown script so we could instruct how to stop it from running.

jfriend00 Over a year ago

@PHPFerrari - I added to my answer how you can stop the countdown timer.

jfriend00 Over a year ago

@PHPFerrari - I don't know what you mean by "varnished some heading tags" and whether that's a question you're asking about.

Collectives™ on Stack Overflow

Remove javascript code using jQuery

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related