{"flag":true,"single":true,"pageTitle":"User need to visit link for 30 seconds else error in javascript | Task in js","post":{"id":39,"user_id":"1","slug":"user-need-to-visit-link-for-30-seconds-else-error-in-javascript-task-in-js-qkzh","title":"User need to visit link for 30 seconds else error in javascript | Task in js","body":"<p>User need to click on a link it will open target site in new tab. And check every second if tab is not closed. If user close the tab He\/She need to do that task again.<\/p>\r\n<p>HTML CODE<\/p>\r\n<pre class=\"language-markup\"><code>&lt;h1 class=\"elem\" onclick=\"newTabHandle('https:\\\/\\\/love.com')\"&gt;Open website in new tab for 30 seconds&lt;\/h1&gt;<\/code><\/pre>\r\n<p>Javascript code<\/p>\r\n<pre class=\"language-markup\"><code>&lt;script&gt;\r\n    function newTabHandle(url) {\r\n        let ad;\r\n        let timer = 30; \/\/seconds\r\n        let btn = document.getElementsByClassName('elem')[0];\r\n        ad = window.open(url);\r\n        let checker = setInterval(function(){\r\n            timer--;\r\n            if(timer &gt;= 0) {\r\n                if(ad.closed) {\r\n                    btn.innerHTML = \"Watch it Again\";\r\n                    clearInterval(checker);\r\n                } else {\r\n                    document.title = timer+ \"seconds remaining, do not close the page!\";\r\n                    btn.innerHTML = timer+ \"seconds remaining!\";\r\n                }\r\n                \r\n\r\n            }else if(timer &gt;= -3) {\r\n                document.title = \"Validating, please wait...\";\r\n                btn.innerHTML = \"Validating...\";\r\n            }else if(timer == -4) {\r\n               \r\n                $.ajax({\r\n                    url: \"https:\/\/mybackend.com\/verify\",\r\n                    method: 'POST',\r\n                    data: {\r\n                        user_id: 1,\r\n                        task:'completed'\r\n                    },\r\n                    success: function(data) {\r\n                        if(data.error == true) {\r\n                            btn.innerHTML = data.message;\r\n                        }\r\n\r\n                        btn.innerHTML = \"Redirecting...\";\r\n                        document.title = \"Redirecting...\";\r\n                        clearInterval(checker);\r\n\r\n                        setTimeout(function(){\r\n                            window.location.reload();\r\n                        }, 1000);\r\n                    }\r\n                });    \r\n            }\r\n        }, 1000);\r\n    }\r\n&lt;\/script&gt;<\/code><\/pre>","category_id":"12","is_private":"0","created_at":"2023-03-23T02:27:34.000000Z","updated_at":"2023-03-23T02:27:34.000000Z","category":{"id":12,"user_id":"1","name":"Javascript","slug":"javascript-xplw","parent_id":null,"created_at":"2023-03-23T02:24:43.000000Z","updated_at":"2023-03-23T02:24:43.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"User need to click on a link it will open target site in new tab. And check every second if tab is not closed. If user close the tab He\/She  - User need to visit link for 30 seconds else error in javascript | Task in js (Updated: March 23, 2023) - Read more about User need to visit link for 30 seconds else error in javascript | Task in js at my programming site [SITE]","categories":[]}