{"flag":true,"single":true,"pageTitle":"hide links on click after perform the task for some seconds in javascript\/jquery","post":{"id":91,"user_id":"1","slug":"hide-links-on-click-after-perform-the-task-for-some-seconds-in-javascript-jquery-rrg7","title":"hide links on click after perform the task for some seconds in javascript\/jquery","body":"<p>Here is list of links , what we want is when<br>&gt; some user click on any link lets suppose 2,&nbsp;<br>&gt; it will open the video in new tab and , ask user to view the video for some seconds may be 50, 80 defined in code<br>&gt; when user obey the rule in main tab, link of 2 become hidden and user need to watch next video<\/p>\r\n<ul class=\"list-group li_container\">\r\n<li data-id=\"1\"><span class=\"badge badge-info\">2 <\/span>https:\/\/www.youtube.com\/watch?v=SEh9sKCh_wA<\/li>\r\n<li data-id=\"2\"><span class=\"badge badge-info\">3 <\/span>https:\/\/www.youtube.com\/watch?v=63xpryMp_sY<\/li>\r\n<li data-id=\"3\"><span class=\"badge badge-info\">4 <\/span>https:\/\/www.youtube.com\/watch?v=l1mwO8Qv8wo<\/li>\r\n<li data-id=\"4\"><span class=\"badge badge-info\">5 <\/span><a href=\"https:\/\/www.youtube.com\/watch?v=l1mwO8Qv8wo\">https:\/\/www.youtube.com\/watch?v=l1mwO8Qv8wo<\/a><\/li>\r\n<\/ul>\r\n<p>HERE IS CODE:<\/p>\r\n<pre class=\"language-markup\"><code>&lt;ul class=\"list-group li_container\"&gt;\r\n    &lt;div id=\"info\"&gt;&lt;\/div&gt;\r\n    &lt;li data-id=\"0\"&gt; \r\n        &lt;span class=\"badge badge-info\"&gt;\r\n            1                   \r\n        &lt;\/span&gt;\r\n        &lt;p data-link=\"https:\/\/www.youtube.com\/watch?v=vVHxPi5ckXQ\" data-id=\"0\" class=\"list-group-item\"&gt; \r\n            https:\/\/www.youtube.com\/watch?v=vVHxPi5ckXQ                 &lt;\/p&gt;\r\n    &lt;\/li&gt;\r\n    &lt;li data-id=\"1\"&gt; \r\n        &lt;span class=\"badge badge-info\"&gt;\r\n            2 \r\n        &lt;\/span&gt;\r\n        &lt;p data-link=\"https:\/\/www.youtube.com\/watch?v=SEh9sKCh_wA\" data-id=\"1\" class=\"list-group-item\"&gt; \r\n            https:\/\/www.youtube.com\/watch?v=SEh9sKCh_wA                 &lt;\/p&gt;\r\n    &lt;\/li&gt;\r\n    &lt;li data-id=\"2\"&gt; \r\n        &lt;span class=\"badge badge-info\"&gt;\r\n            3\r\n        &lt;\/span&gt;\r\n        &lt;p data-link=\"https:\/\/www.youtube.com\/watch?v=63xpryMp_sY\" data-id=\"2\" class=\"list-group-item\"&gt; \r\n            https:\/\/www.youtube.com\/watch?v=63xpryMp_sY                 &lt;\/p&gt;\r\n    &lt;\/li&gt;\r\n    &lt;li data-id=\"3\"&gt; \r\n        &lt;span class=\"badge badge-info\"&gt;\r\n            4\r\n        &lt;\/span&gt;\r\n        &lt;p data-link=\"https:\/\/www.youtube.com\/watch?v=l1mwO8Qv8wo\" data-id=\"3\" class=\"list-group-item\"&gt; \r\n            https:\/\/www.youtube.com\/watch?v=l1mwO8Qv8wo                 &lt;\/p&gt;\r\n    &lt;\/li&gt;\r\n    &lt;li data-id=\"4\"&gt; \r\n        &lt;span class=\"badge badge-info\"&gt;\r\n            5\r\n        &lt;\/span&gt;\r\n        &lt;p data-link=\"https:\/\/www.youtube.com\/watch?v=l1mwO8Qv8wo\" data-id=\"4\" class=\"list-group-item\"&gt; \r\n            https:\/\/www.youtube.com\/watch?v=l1mwO8Qv8wo\r\n        &lt;\/p&gt;\r\n    &lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.6.3\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;script&gt;\r\n    function pushValueToList(value) {\r\n      let hiddenList = JSON.parse(localStorage.getItem('hiddenList')) || [];\r\n        if (!hiddenList.includes(value)) {\r\n            hiddenList.push(value);\r\n            localStorage.setItem('hiddenList', JSON.stringify(hiddenList));\r\n      }\r\n    }\r\n    function makeValuesHidden(){\r\n\r\n        let hiddenList = JSON.parse(localStorage.getItem('hiddenList')) || [];\r\n        console.log(hiddenList);\r\n        hiddenList.forEach((value) =&gt; {\r\n          let elementsToHide = document.querySelectorAll(`li[data-id=\"${value}\"]`);\r\n          elementsToHide.forEach((el) =&gt; {\r\n            el.style.display = 'none';\r\n          });\r\n        });\r\n        \/********check if li and session length is equal then show withdraw*********\/\r\n        if(Object.keys(hiddenList).length==$('.li_container li').length){\r\n            $(\".withdrawl_div\").show();\r\n            $(\".ads_div\").hide();\r\n        }\r\n    }\r\n    function check_date(){\r\n        var dateinsession = localStorage.getItem(\"dateis\");\r\n        if(dateinsession==null){\r\n            localStorage.setItem('dateis', getCurrentDate())\r\n        }\r\n    }\r\n\r\n    function getCurrentDate() {\r\n        let dateObj = new Date();\r\n        let month = String(dateObj.getMonth() + 1).padStart(2, '0');\r\n        let day = String(dateObj.getDate()).padStart(2, '0');\r\n        let year = dateObj.getFullYear();\r\n        let output = day + '-' + month + '-' + year;\r\n        return output;\r\n    }\r\n    \r\n    check_date();\r\n\r\n    \/*************************************\/\r\n    $(document).ready(function(){\r\n        makeValuesHidden();\r\n    });\r\n    $(\".list-group-item\").click(function(){\r\n        var idis = $(this).attr('data-id');\r\n        var link = $(this).attr('data-link');\r\n        console.log(idis);\r\n        viewAd(link,3,idis)\r\n\r\n    });\r\n    function viewAd(url,timeris,name) {\r\n        let ad;\r\n        let timer = timeris+1;\r\n        let btn = document.getElementById('info');\r\n        \/\/ let closeAlert = document.getElementById('closeAlert');\r\n        let adsUrl = \"?google.com\";\r\n        ad = window.open(url);\r\n        let checker = setInterval(function(){\r\n            timer--;\r\n            if(timer &gt;= 0) {\r\n\r\n                if(ad.closed) {\r\n                    btn.innerHTML = \"View Ad again, Not got success\";\r\n                    document.title = \"View Ad again\";\r\n                    btn.disabled = false;\r\n                    clearInterval(checker);\r\n                } else {\r\n                    document.title = timer+ \" Seconds Remaining\";\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 Ad\";\r\n                btn.innerHTML = \" Validating Ad\";\r\n            }else if(timer == -4) {\r\n                btn.innerHTML = \" Redirecting you\";\r\n                document.title = \" Redirecting you\";\r\n                clearInterval(checker);\r\n                pushValueToList(name);\r\n                setTimeout(function(){\r\n                    window.location.reload();\r\n                }, 1000);\r\n            }\r\n        }, 1000);\r\n        \r\n    }\r\n&lt;\/script&gt;<\/code><\/pre>","category_id":"28","is_private":"0","created_at":"2023-04-02T04:54:55.000000Z","updated_at":"2024-09-26T02:34:22.000000Z","category":{"id":28,"user_id":"1","name":"Jquery","slug":"jquery-k1v4","parent_id":"12","created_at":"2023-11-10T01:48:35.000000Z","updated_at":"2023-11-10T01:48:35.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":"Here is list of links , what we want is when&gt; some user click on any link lets suppose 2,&nbsp;&gt; it will open the video in new tab and - hide links on click after perform the task for some seconds in javascript\/jquery (Updated: September 26, 2024) - Read more about hide links on click after perform the task for some seconds in javascript\/jquery at my programming site [SITE]","categories":[]}