Heim > Artikel > Web-Frontend > JS realisiert den automatischen Schließeffekt der Freigabeseite

JS realisiert den automatischen Schließeffekt der Freigabeseite

云罗郡主Original: 2019-01-21 15:18:042875Durchsuche

Der Inhalt dieses Artikels handelt davon, wie JS den automatischen Schließeffekt der Sharing-Seite erkennt. Ich hoffe, dass er für Sie hilfreich ist. [Empfohlenes Tutorial: JavaScript-Tutorial]

Normalerweise erscheint nach dem Teilen von Inhalten ein neues Fenster, das anzeigt, dass das Teilen erfolgreich war, und dann schließt ein Countdown das Fenster.

Um diesen Effekt zu erzielen, müssen wir zwei Seiten schreiben:

Erstellen Sie zunächst die Seite open_window.html für Klicks

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="javascript:a（）">点击分享至微博</a>
</body>
<script type="text/javascript">
function a（）{
window.open（"new_window.html","_blank","width=500,height=200,top=200,left=300"）；//设置打开新的窗口的大小及位置
}
</script>
</html>

Der Effekt ist ungefähr wie folgt:

JS realisiert den automatischen Schließeffekt der Freigabeseite

Nachdem wir die erste Seite geschrieben haben, erstellen wir die Timer-Seite new_window.html, sodass das neue Fenster, das erscheint, nach 5 Sekunden automatisch geschlossen wird:

<!DOCTYPE HTML>
<html>
<head>
<title>倒计时自动关闭/跳转页面</title>
<meta charset="utf-8" />
<script>//作业： 改成周期性定时器实现
function myClose（）{//任务
//取出time中的数，保存在n中
var n=parseInt（time.innerHTML）；
n-=1//将n-1
if（n>0）{//如果n>0
//将n+秒钟后自动关闭 再放回time中
time.innerHTML=n+"秒钟后自动关闭";
//再启动下一次定时器，将序号再保存在timer中
timer=setTimeout（arguments.callee,1000）；
}else{//否则
close（）；//关闭
}
}
var timer=null;//保存定时器序号
window.onload=function（）{
timer=setTimeout（myClose,1000）；//启动一次性定时器
}
</script>
</head>
<body style="text-align: center;">
<p style="color: red;font-size: 20px;">（≧▽≦）分享成功！</p><br/><br />
<span id="time">5秒钟后自动关闭</span><br/><br />
<a href="javascript:clearTimeout（timer）">留在本页</a>
<a href="open_window.html">返回首页页</a>
</body>
</html>

Klicken Sie auf Der endgültige Laufeffekt ist wie folgt:

JS realisiert den automatischen Schließeffekt der Freigabeseite

Das obige ist der detaillierte Inhalt vonJS realisiert den automatischen Schließeffekt der Freigabeseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html JS

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Was ist die Hook-Funktion?Nächster Artikel：Was ist die Hook-Funktion?

In Verbindung stehende Artikel

Mehr sehen