Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk melompat ke halaman selepas beberapa saat dalam jquery
Bagaimana untuk melompat ke halaman selepas beberapa saat dalam jquery
- 青灯夜游asal
- 2022-08-15 18:37:532320semak imbas
Langkah pelaksanaan: 1. Gunakan fungsi setTimeout() untuk menentukan pemasa dan tetapkan saat menunggu untuk melaksanakan fungsi lompat dalam pemasa Sintaksnya ialah "setTimeout(function(){//jump code} , Bilangan milisaat untuk menunggu);"; 2. Dalam fungsi lompat, tetapkan "$(lokasi).attr('href','alamat halaman');" atau "$(window).attr('lokasi', ' Alamat halaman ');" pernyataan boleh digunakan untuk melompat ke halaman.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.0, komputer Dell G3.
jquery melaksanakan lompatan halaman selepas beberapa saat, yang boleh dibahagikan kepada dua bahagian:
-
Tetapkan pemasa untuk mengawal bilangan saat untuk melompat
Lompat halaman
Langkah 1: Gunakan fungsi setTimeout() untuk menentukan pemasa dan tetapkan saat menunggu untuk melaksanakan fungsi lompat dalam pemasa
setTimeout() akan memanggil fungsi selepas masa yang ditentukan dalam milisaat Format sintaks boleh menjadi dua berikut:setTimeout(要执行的代码, 等待的毫秒数) setTimeout(JavaScript 函数, 等待的毫秒数)setTimeout() Ia adalah untuk menetapkan masa menunggu yang ditentukan (unit ialah milisaat Apabila masa tamat, pelayar akan melaksanakan kod yang ditentukan).
Langkah 2: Dalam fungsi setTimeout(), gunakan kaedah penggantian atribut jQuery untuk merealisasikan lompatan
$(location).attr()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
setTimeout(function() {
$(location).attr('href', 'http://www.php.cn');
}, 5000);
});
});
</script>
</head>
<body>
<button>实现5秒后跳转页面</button>
</body>
</html>
-
>$(window).attr()
$(document).ready(function() {
$("button").click(function() {
setTimeout(function() {
$(window).attr('location','http://www.php.cn');
}, 5000);
});
});tutorial video jQuery, 
video bahagian hadapan web
Atas ialah kandungan terperinci Bagaimana untuk melompat ke halaman selepas beberapa saat dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!