Javascript链接创建新标签并在Chrome中5秒后关闭它

Question

我应该怎样在5秒后关闭Chrome中新打开的标签？

var link = $("<a />", { 
      target: "_blank", 
      text: "Phone", 
      href: 'www.google.com'}); 

$("body").append(link); 

下面是codepen http://codepen.io/anon/pen/gMOQJK?editors=0010

Answer 1

你可以使用的setTimeout（函数，timeInMiliseconds，PARAMATERS） 下面是代码运行的链接： http://codepen.io/anon/pen/ZOEVQb?editors=0010

var link = $("<a />", { 
    target: "_blank", 
    text: "Phone", 
    href: 'www.google.com', 
    id: 'link' 
}); 

$("body").append(link); 

function remove(id) { 
    return (elem=document.getElementById(id)).parentNode.removeChild(elem); 
} 
setTimeout(remove, 3000, "link"); 

Answer 2

这是无法实现的，由于到沙箱属性。 你可以看看它在：Here

try代码：

var win = window.open("http://www.google.com"); 

setTimeout(function() { win.close();}, 5000); 

到控制台，它会正常工作。但是当你将这个代码写入你的应用程序时，它会给出错误。

请点击链接查看https://jsfiddle.net/xjyw26hy/2/，打开控制台查看沙盒错误。

请让我知道它是否对你有帮助。

Answer 3

我创造了这个代码（jsfiddle）：

var i = 0; 
function open_and_run() { 
    newTab = window.open("https://fiddle.jshell.net/fakePage/"); 
    intervalVar=setInterval(function(){myTimer(newTab,intervalVar)},1000); 
} 

function myTimer(newTab, intervalVar) { 
    i++; 
    if (i > 5){ 
     clearInterval(intervalVar); 
     newTab.close(); 
    } 
    newTab.document.body.innerHTML="<br><p style='font: 30px bold;'>" + i + "</p>"; 
} 

我可以操控的新标签的DOM成功，但是，当我尝试5秒后关闭的标签页，铬沙箱停止活动。可以清除DOM中的所有内容，而不是关闭它。

关闭标签在Firefox和IE中工作正常。