当前位置: 首页 > 编程笔记 >

javascript实现倒计时N秒后网页自动跳转代码

滑弘扬
2023-03-14
本文向大家介绍javascript实现倒计时N秒后网页自动跳转代码,包括了javascript实现倒计时N秒后网页自动跳转代码的使用技巧和注意事项,需要的朋友参考一下


<title>JS倒计时网页自动跳转代码</title>   

<script language="JavaScript" type="text/javascript">

    function delayURL(url) {

        var delay = document.getElementById("time").innerHTML;

        if(delay > 0) {

            delay--;

            document.getElementById("time").innerHTML = delay;

        } else {

            window.top.location.href = url;

        }

       t = setTimeout("delayURL('" + url + "')", 1000);

    }

function stop1(){   t && clearTimeout(t); } </script> <span id="time" style="background: #00BFFF">1000</span>秒钟后自动跳转,如果不跳转,请点击下面的链接<a href="http://www.baidu.com">我的百度</a> <input type="button" value="停止跳转" onclick="stop1();"> <script type="text/javascript"> delayURL("http://www.baidu.com"); </script>

代码很简单,却很实用,小伙伴们根据自己的需求放到自己项目中吧。

 类似资料:
  • 本文向大家介绍javascript实现倒计时(精确到秒),包括了javascript实现倒计时(精确到秒)的使用技巧和注意事项,需要的朋友参考一下 代码相当简单实用,这里就不多废话了,小伙伴们简单看下就能明白 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍iOS实现秒杀活动倒计时,包括了iOS实现秒杀活动倒计时的使用技巧和注意事项,需要的朋友参考一下 IOS关于大型网站抢购、距活动结束,剩余时间倒计时的实现代码,代码比较简单,大家根据需求适当的添加修改删除代码 1.定义4个 Label 来接收倒计时: 2.在实现文件中实现方法: 3.在需要出使用: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JavaScript分秒倒计时器实现方法,包括了JavaScript分秒倒计时器实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下: 一、基本目标 在JavaScript设计一个分秒倒计时器,一旦时间完成使按钮变成不可点击状态 具体效果如下图,为了说明问题,调成每50毫秒也就是每0.05跳一次表

  • 本文向大家介绍iOS中实现简单易懂秒杀倒计时/倒计时代码,包括了iOS中实现简单易懂秒杀倒计时/倒计时代码的使用技巧和注意事项,需要的朋友参考一下 示例代码简单易懂: 以上所述是小编给大家介绍的iOS中实现简单易懂秒杀倒计时/倒计时代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍js实现n秒倒计时后才可以点击的效果,包括了js实现n秒倒计时后才可以点击的效果的使用技巧和注意事项,需要的朋友参考一下 在我们进行注册用户时经常遇到点击按钮后,60秒倒计时后才能继续可以点击,按钮上还能显示倒计时,这60秒时间就是为大家提供”细阅读协议“做准备的,这种功能是如何实现的,下面为大家分享详细代码。 希望本文所述对大家学习javascript程序设计有所帮助。

  • 本文向大家介绍JS实现页面超时后自动跳转到登陆页面,包括了JS实现页面超时后自动跳转到登陆页面的使用技巧和注意事项,需要的朋友参考一下 JS代码: 代码很简单,却很实用,希望小伙伴们能够喜欢,直接拿去用吧。