Maison >interface Web >js tutoriel >Comment accéder à la page après 5 secondes en javascript
Comment accéder à la page après 5 secondes en javascript
- 王林original
- 2021-10-27 16:05:3018234parcourir
Méthode Javascript pour accéder à la page après 5 secondes : [var div = document.querySelector('div'); var time = 5; setInterval(timer, 1000) ...].
L'environnement d'exploitation de cet article : système Windows10, ordinateur thinkpad t480.
Dans de nombreux développements de projets, nous devons souvent réaliser l'effet du saut de page automatique. Le code suivant réalise l'effet du saut de page automatique après 5 secondes.
Le code spécifique est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div></div>
<script>
var div = document.querySelector('div');
var time = 5;
timer();
setInterval(timer, 1000)
function timer() {
if (time == 0) {
location.href = 'http://www.baidu.com'
} else {
div.innerHTML = '将在' + time + '秒后跳转到百度';
time--;
}
}
</script>
</body>
</html>Apprentissage recommandé : Tutoriel vidéo javascript
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!