Rumah hujung hadapan web tutorial js jquery中怎样实现两秒之后刷新页面

jquery中怎样实现两秒之后刷新页面

Dec 01, 2020 pm 03:39 PM
jquery

jquery中实现两秒之后刷新页面的方法:首先通过【$(function(){})】方式实现在页面加载时就执行function内的方法体;然后使用【setTimeout()】来定时执行【location.reload()】实现刷新即可。

jquery中怎样实现两秒之后刷新页面

本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。

jquery中实现两秒之后刷新页面的方法:

1、新建一个html文件,命名为test.html,用于讲解jquery中怎样实现两秒之后刷新页面 。

a3981e3f4bdea803fc551192f783094.png

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

444812d857d5c2f9e7be58979a2a0ef.png

3、在test.html文件内,编写<script></script>标签,页面的js逻辑代码将写在该标签内。

379df8b4f0dade21cb32d43a7c8b8ad.png

4、为了展示效果,这里使用new Date()获得当前的系统时间,并使用write()将时间输出在页面上。

76c886dfebb13590b094f22df8f928e.png

5、在test.html文件内,通过$(function(){ })方式实现在页面加载时就执行function内的方法体,主要用于实现每次刷新页面后,重新计时。

f5901b64565bf512c725401e2a26670.png

6、在function()方法体内,使用setTimeout()来定时执行操作,例如,每隔2秒执行location.reload()方法,实现页面的刷新。

dfd2b2890094e41e99b1329afb057ed.png

7、在浏览器打开test.html文件,查看实现的效果。

08273100525a22f1a76f4355547de7d.png

相关免费学习推荐:javascript(视频)

Atas ialah kandungan terperinci jquery中怎样实现两秒之后刷新页面. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Penjelasan terperinci kaedah rujukan jQuery: Panduan permulaan cepat Penjelasan terperinci kaedah rujukan jQuery: Panduan permulaan cepat Feb 27, 2024 pm 06:45 PM

Penjelasan terperinci kaedah rujukan jQuery: Panduan permulaan cepat

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Feb 28, 2024 pm 03:12 PM

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?

Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery? Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery? Feb 28, 2024 am 08:39 AM

Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?

Petua jQuery: Cepat ubah suai teks semua teg pada halaman Petua jQuery: Cepat ubah suai teks semua teg pada halaman Feb 28, 2024 pm 09:06 PM

Petua jQuery: Cepat ubah suai teks semua teg pada halaman

Analisis mendalam: kelebihan dan kekurangan jQuery Analisis mendalam: kelebihan dan kekurangan jQuery Feb 27, 2024 pm 05:18 PM

Analisis mendalam: kelebihan dan kekurangan jQuery

Gunakan jQuery untuk mengubah suai kandungan teks semua teg Gunakan jQuery untuk mengubah suai kandungan teks semua teg Feb 28, 2024 pm 05:42 PM

Gunakan jQuery untuk mengubah suai kandungan teks semua teg

Fahami peranan dan senario aplikasi eq dalam jQuery Fahami peranan dan senario aplikasi eq dalam jQuery Feb 28, 2024 pm 01:15 PM

Fahami peranan dan senario aplikasi eq dalam jQuery

Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu? Feb 29, 2024 am 09:03 AM

Bagaimana untuk mengetahui sama ada elemen jQuery mempunyai atribut tertentu?

See all articles