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 相关文章推荐
JavaScript 创建对象
Jul 17 Javascript
QUnit jQuery的TDD框架
Nov 04 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
实用框架(iframe)操作代码
Oct 23 Javascript
如何正确理解javascript的模块化
Mar 02 Javascript
vue实现仿淘宝结账页面实例代码
Nov 08 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
详解puppeteer使用代理
Dec 27 Javascript
微信小程序实现复选框效果
Dec 28 Javascript
ElementUI Tag组件实现多标签生成的方法示例
Jul 08 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
vue 限制input只能输入正数的操作
Aug 05 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实现批量压缩图片文件大小的脚本
2014/07/04 PHP
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
PHP框架性能测试报告
2016/05/08 PHP
php中的依赖注入实例详解
2019/08/14 PHP
jquery下操作HTML控件的实现代码
2010/01/12 Javascript
js渐变显示渐变消失示例代码
2013/08/01 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
深入理解Node.js的HTTP模块
2016/10/12 Javascript
js实现符合国情的日期插件详解
2017/01/19 Javascript
基于node.js express mvc轻量级框架实践
2017/09/14 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
2017/10/27 Javascript
详解JavaScript修改注册表的方法
2020/01/05 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
Python3基础之输入和输出实例分析
2014/08/18 Python
Python实现截屏的函数
2015/07/26 Python
用Python实现KNN分类算法
2017/12/22 Python
python实现图片批量压缩程序
2018/07/23 Python
django rest framework serializer返回时间自动格式化方法
2020/03/31 Python
Python实现在线批量美颜功能过程解析
2020/06/10 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
Python+Selenium实现自动化的环境搭建的步骤(图文)
2020/09/01 Python
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
新浪网技术部笔试题
2016/08/26 面试题
应用电子专业学生的自我评价
2013/10/16 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
付款证明模板
2015/06/19 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
CSS完成视差滚动效果
2021/04/27 HTML / CSS
Pytorch可视化的几种实现方法
2021/06/10 Python
详解MindSpore自定义模型损失函数
2021/06/30 Python
深入浅出的讲解:信号调制到底是如何实现的
2022/02/18 无线电