JavaScript实现倒计时跳转页面功能【实用】


Posted in Javascript onDecember 13, 2016

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似。

页面代码简单,直接拷贝就能运行,页面可以自己美化下。

<!--这里定义倒计时开始数值-->
<span id="totalSecond">5</span>
<!--定义js变量及方法-->
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1)
{
second = document.getElementById('totalSecond').innerText; 
} else
{
second = document.getElementById('totalSecond').textContent; 
}
setInterval("redirect()", 1000); 
function redirect()
{
if (second < 0)
{
 <!--定义倒计时后跳转页面-->
location.href = 'default.aspx'; 
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--; 
} else
{
document.getElementById('totalSecond').textContent = second--; 
}
}
}
</script>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
javascript控制台详解
Jun 25 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
Vue.use源码分析
Apr 22 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
使用vue实现grid-layout功能实例代码
Jan 05 Javascript
Vue使用axios出现options请求方法
May 30 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
Jun 07 Javascript
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
webpack3.0升级4.0的方法步骤
Apr 02 Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 12 Javascript
vue cli4.0项目引入typescript的方法
Jul 17 Javascript
Javascript实现倒计时(防页面刷新)实例
Dec 13 #Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
Dec 13 #Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
Dec 13 #Javascript
深入理解选择框脚本[推荐]
Dec 13 #Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
Dec 13 #Javascript
Bootstrap modal使用及点击外部不消失的解决方法
Dec 13 #Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 #Javascript
You might like
php之字符串变相相减的代码
2007/03/19 PHP
PHP静态调用非静态方法的应用分析
2013/05/02 PHP
PHP制作百度词典查词采集器
2015/01/29 PHP
php简单获取目录列表的方法
2015/03/24 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
php封装好的人民币数值转中文大写类
2015/12/20 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
JavaScript实现同一页面内两个表单互相传值的方法
2015/08/12 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
vue异步加载高德地图的实现
2018/06/19 Javascript
JavaScript中filter的用法实例分析
2019/02/27 Javascript
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
uin-app+mockjs实现本地数据模拟
2020/08/26 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
python中的字符串内部换行方法
2018/07/19 Python
Flask框架Flask-Login用法分析
2018/07/23 Python
python日志模块logbook使用方法
2019/09/19 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
艺术学院毕业生自荐信
2014/07/05 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
初中教师德育工作总结2015
2015/05/12 职场文书