Redirect django url with javascript

Question

i have countdown timer with javascript, I want to redirect to another page after countdown is over.countdown works pefectly but it's not redirecting to the result page

i tried this:

app.js

var count = 15

var counter = setInterval(timer , 1000)

function timer(){
   count = count-1
   if (count <= 0)
   {
       clearInterval(counter);
       return window.location.replace("{% url'app:result' %}")
   }
   document.getElementById("timer").innerHTML= count + " secs";

}

kamilyrb · Accepted Answer · 2020-05-21 08:14:42Z

5

You can use this:

 window.location.href = "{% url'app:result' %}"

answered May 21, 2020 at 8:14

kamilyrb

2,6273 gold badges13 silver badges26 bronze badges

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

Comments

Afeef Janjua · Accepted Answer · 2020-05-21 08:15:46Z

1

django template tags work inside the django templates. Since you have above javascript in the app.js file, this {% url'app:result' %} tag in the line below won't work because it is not valid javascript.

return window.location.replace("{% url'app:result' %}")

You can try moving the code from app.js into the corresponding django template and see if that works

answered May 21, 2020 at 8:15

Afeef Janjua

6597 silver badges10 bronze badges

1 Comment

Alexandre Serra Over a year ago

Be aware that by using replace replaces the history's list last entry. This means that afterward, the back button will not go back to the original page. Assigning the URL to href creates a new entry in the history list

Collectives™ on Stack Overflow

Redirect django url with javascript

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related