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


本文摘自PHP中文网,作者coldplay.xixi,侵删。

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中怎样实现两秒之后刷新页面的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

不同版本jQuery冲突怎么解决?

jQuery怎么获取焦点?

jQuery怎么比较两个数字大小

jQuery如何给不存在的元素添加事件

jQuery如何获取随机数不重复

jQuery怎样创建元素节点

jQuery给元素设置/取消readonly和disabled属性

jQuery中什么是函数

jQuery中on()和live()的区别是什么?

jQuery如何判断元素是否存在

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...