首页 > 软件开发 > JQUERY >

jquery怎么实现页面定时刷新

来源:互联网 2023-03-16 23:54:24 版权归原作者所有,如有侵权,请联系我们

本篇经验将和大家介绍jquery怎么实现页面定时刷新,希望对大家的工作和学习有所帮助!EaO办公区 - 实用经验教程分享!

方法/步骤

  • 1

    打开Visual Studio 2010,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 2

    菜单栏中,依次选择“文件”->“新建”->“网站”,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 3

    已安装的模板中选择Visual C#,然后选择ASP.NET 空网站,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 4

    右键解决方案,添加一个文件夹,名为js,用来存放jquery文件,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 5

    右键项目添加新项,选择HTML页,命名为timer.html,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 6

    打开百度搜索,输入jquery 1.9.1.min.js,然后选择下载到本地,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 7

    解压下载下来的jquery文件,并拷贝到项目js目录下面,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 8

    在timer.html中编写如下核心代码,使用到了setInterval函数,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 8相关内容非法爬取自百度经验
  • 9

    右键timer.html文件,选择在浏览器中查看,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 10

    运行以后,可以看到页面上已经实现定时1s刷新显示当前时间,如下图所示:EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

    jquery怎么实现页面定时刷新EaO办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!EaO办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号