首页 >

javascript实现倒计时跳转页面【javascript】

web前端|js教程javascript实现倒计时跳转页面【javascript】
javascript,倒计时
web前端-js教程
天空网站源码,golang在vscode运行,设置ubuntu 分辨率,tomcat down,sqlite 速率,网页设计工作室有哪些,网站数据库出问题,贵阳云服务器租用,手机页面上传图片插件,响应式框架前端面试题,爬虫报酬,php生成订单号,seo互动,springboot查询缓存,点击a标签隐藏div,微信网站源码 java,学校网页设计模板免费下载,php 输出模板,网站后台asp源码,后台管理系统登录页面,数据库学生管理系统access,雷达仿真程序lzw
很多网页都有类似的效果,那就是经过指定的时间能够跳转到其他页面,如果再人性化一点话,会带有倒计时效果,本章节就介绍一下如何实现此效果,代码实例如下:
 var t=10;setInterval("refer()",1000); function refer(){  if(t==0){  location.href="http://www.liuzhongwei.com"; }  document.getElementById('show').innerHTML=""+t+"秒后跳转到脚本之家"; t--;}   
以上代码实现了我们想要的效果,能够在10秒之后跳转到指定页面,下面介绍一下实现过程。
一.实现原理:
原理非常的简单,就是利用setInterval()定时器函数,每秒执行一次refer()函数,此函数能够没执行一次将t减1,同时将当前的t的值写入div中,如果t减到0,也就是倒计时完毕,就跳转到指定页面。原理大致如此。
二.相关阅读:
1.setInterval()函数可以参阅setInterval()函数用法详解一章节。
2.location.href可以参阅Location对象的href属性一章节。
3.innerHTML属性可以参阅js的innerHTML属性的用法一章节。下面给大家分享2个简单的跳转代码,做一下总结,各种定时跳转代码记录如下:
网站启动源码,ubuntu实用软件,tomcat不释放 连接数,小爬虫怎么写,自学php开发工程师,seo真的管用lzw
(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)
数据库sql设备管理系统源码,vscode 查看md,ubuntu qilin,访问tomcat数据,C sqlite 移动指针,js客服插件,tp框架引入前端公共页面,山上的爬虫很多腿,php从入门书籍,江门网络seo,威客平台网站,delphi 网页设计,医疗软件模板下载lzw
 //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.liuzhongwei.com',3);  
(2)html代码实现,在页面的head区域块内加上如下代码

  

  • 暂无相关文章
  • Posted in 未分类