ホームページ  >  記事  >  ウェブフロントエンド  >  JSは共有ページの自動終了効果を実現します

JSは共有ページの自動終了効果を実現します

云罗郡主
云罗郡主オリジナル
2019-01-21 15:18:042876ブラウズ

この記事の内容は、共有ページの自動終了効果を実現する JS に関するものです。必要な方は参考にしていただければ幸いです。 [推奨チュートリアル: JavaScript チュートリアル]

通常、コンテンツを共有すると、共有が成功したことを示す新しいウィンドウが表示され、カウントダウンによってウィンドウが閉じます。

この効果を実現するには、2 つのページを作成する必要があります:

最初にクリック用のページ、open_window.html

<!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>

を作成します。効果はおおよそ次のとおりです:

JSは共有ページの自動終了効果を実現します

最初のページを書いた後、ポップアップする新しいウィンドウが 5 秒後に自動的に閉じるように、タイマー ページ new_window.html を作成します。 #Click 最終的な実行効果は次のとおりです:

以上がJSは共有ページの自動終了効果を実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。