js实现浏览器倒计时跳转页面效果
本文实例为大家分享了js浏览器倒计时跳转页面效果,供大家参考,具体内容如下
效果图:
<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> </head> <body> <H4>操作成功</H4> <p> <b id="second">5</b>秒后回到主页 <a href="javascript:goBack();">返回</a> </p> <script type="text/javascript"> var sec = document.getElementById("second"); var i = 5; var timer = setInterval(function(){ i--; sec.innerHTML = i; if(i==1){ window.location.href = "http://www.jb51.net"; } },1000); function goBack(){ window.history.go(-1); } </script> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
asp.net中倒计时自动跳转页面的实现方法(使用javascript)
首先,先建立一个用于跳转的页面,代码如下. 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="LoginTiao.aspx.cs" Inherits="LoginTiao" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &
-
javascript实现倒计时跳转页面
很多网页都有类似的效果,那就是经过指定的时间能够跳转到其他页面,如果再人性化一点话,会带有倒计时效果,本章节就介绍一下如何实现此效果,代码实例如下: <script type="text/javascript"> var t=10; setInterval("refer()",1000); function refer(){ if(t==0){ location.href="http://www.jb51.net"; } docume
-
JavaScript实现倒计时跳转页面功能【实用】
这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似. 页面代码简单,直接拷贝就能运行,页面可以自己美化下. <!--这里定义倒计时开始数值--> <span id="totalSecond">5</span> <!--定义js变量及方法--> <script language="javascript" type="text/javascript"> v
-
js实现浏览器倒计时跳转页面效果
本文实例为大家分享了js浏览器倒计时跳转页面效果,供大家参考,具体内容如下 效果图: <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> </head> <body> <H4>
-
js实现类似MSN提示的页面效果代码分享
这是一篇基于javascript实现了模仿MSN消息提示的效果,推荐给大家,感兴趣的小伙伴们可以参考一下. 运行效果图:----------------------查看效果----------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的模仿MSN消息提示的效果代码如下 <html> <head> <meta http-equiv="Content-Type" content="text/htm
-
js 3秒后跳转页面的实现代码
隔多少秒后自动跳转到其它页(js脚本) 方法一: 在<head></head>之间加入js 复制代码 代码如下: <script language="javascript">var secs = 3; //倒计时的秒数 var URL ;function Load(url){URL = url;for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs
-
js,jquery滚动/跳转页面到指定位置的实现思路
要解决两个需求: 一个是从A页面跳到B页面,滚动到页面的任何地方: 第二个是在B页面内部点击某个元素,滚动到页面的任何地方: 怎么解决啊?很简单,当然是用锚点. 首先在A页面创建一个锚点 <body> <a href="b.html#pos" target="_blank">点击跳转</a> <body> 然后在B页面定义这个锚点 <body> ... 这里是很多文字,把页面撑开,撑出滚动条 ... <
-
JS实现验证码倒计时的注册页面
原型图 需求:手机号验证 发送验证码之后开始60S倒计时 60s以后如果没有填写验证码,可重新发送 <!doctype html> <html> <head> <meta charset="utf-8"> <title>注册</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
-
js几秒以后倒计时跳转示例
复制代码 代码如下: <html> <head> <title>出错啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" /> <script language="javascript" type=
-
Vue页面跳转动画效果的实现方法
前言 现如今移动端APP对用户体验方面的要求越来越高了,最近致力于用户体验优化,因为需要实现类似APP页面切换的动画效果,百度google搜索资料不是很全,所以自己写文档,在实现效果的基础上,顺便恶补一波VueRouter及CSS过渡动画的知识点,欢迎有兴趣的朋友多多指教. vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来.传统的页面应用,是用一些超链接来实现
-
js监听鼠标点击和键盘点击事件并自动跳转页面
js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面,在学习的朋友可以参考下 $(function(){ var i = 0; document.onmousedown=function(event){ if(i==1){ window.open('http://www.njxblog.com'); } //setTimeout(function (){window.open('http://www.jb51.net')},2000); //定时不太好使,
随机推荐
- seaJs使用心得之exports与module.exports的区别实例分析
- 提示Trying to clone an uncloneable object of class Imagic的解决
- 判断所使用的浏览器不仅仅是电脑浏览器代码整理
- Oracle数据更改后出错的解决方法
- angular2倒计时组件使用详解
- 利用Python获取赶集网招聘信息前篇
- OpenStack Tempest的正确的打开方式
- 微信小程序picker组件下拉框选择input输入框的实例
- asp.net Application_AcquireRequestState事件,导致Ajax客户端不能加载
- python生成随机密码或随机字符串的方法
- C# mysql 插入数据,中文乱码的解决方法
- css+js下拉菜单
- 根据地区不同显示时间的javascript代码
- 《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
- nginx connect() to unix:/var/run/php-fpm.sock failed (11: Resource temporarily unavailable)
- Javascript图像处理—平滑处理实现原理
- Java中的字符串常量池详细介绍
- Android 中SQLite技术实例详解
- Linux采用双网卡bond、起子接口的方式
- JavaScript创建、读取和删除cookie