首页 >web前端 >js教程 > 正文

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

原创2020-12-01 15:39:3701424

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

本教程操作环境: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(视频)

以上就是jquery中怎样实现两秒之后刷新页面的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:jquery 刷新页面
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    coldplay.xixi

    好好学习 天天向上

    最近文章
    重点详解Java类和对象1416
    浅析php简单操作mysql锁机制3028
    php无法加载mysql怎么办1601
    推荐视频教程
  • 传智播客JQuery编程视频教程传智播客JQuery编程视频教程
  • jQuery UI框架入门视频教程jQuery UI框架入门视频教程
  • jQuery  Mobile框架基础视频教程jQuery Mobile框架基础视频教程
  • jQuery基础视频教程jQuery基础视频教程
  • jquery.api.3.2.1中文手册jquery.api.3.2.1中文手册
  • 视频教程分类