js控制30秒自动页面跳转,带读秒

js控制30秒自动页面跳转,带读秒30秒后返回首页方式一://定义函数functioncount()   {   varmyspan=document.getElementById(‘myspan’); varnumber=myspan.innerHTML; number–; document.getElementById(‘myspan’).innerHTM

大家好,又见面了,我是你们的朋友全栈君。<button type=”button” value=”返回首页” id=”prev”><span id=”myspan”>30</span>秒后返回首页</button>

方式一:

//定义函数

function count()

     {    


 var myspan=document.getElementById(‘myspan’);


 var number=myspan.innerHTML;


 number–;


 document.getElementById(‘myspan’).innerHTML=number;

        if(number==0)

        {

            window.location.href=”demo.php”; 

        }

    }

//设置定时器,调用函数

 setInterval(“count()”,1000);

方式二:

  function countDown(number,url){


 var myspan=document.getElementById(‘myspan’);


 myspan.innerHTML=number;


 number–;


 if(number>0){


    setTimeout(“countDown(“+number+”,'”+url+”‘)”,1000);


 }else{


    window.location.href=url; 


 }


}

//函数调用

countDown(30,’demo.php’);

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/139252.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • oracle12c ora01017,ORACLE 12C 之 ORA-01017

    oracle12c ora01017,ORACLE 12C 之 ORA-01017oracle12C 以后 数据库分为 container 和 pdb 两个层面 在 Container 里建用户与 pdb 中建用户有所区别 在 Container 中建用户 需要以 C 开头 如下 SQL gt createuserte createuserte ERRORatline1 OR

    2026年1月14日
    2
  • MT4安卓版官网下载[通俗易懂]

    MT4安卓版官网下载[通俗易懂]目前,mt4因为特有的优势,吸引了许多投资者使用。MT4是目前最受欢迎的外汇交易平台。如果你的手机是安卓手机,要使用mt4交易,首先就得下载一个安卓版的软件。那么安卓如何下载呢。

    2022年8月15日
    9
  • Win11双屏设置双壁纸–2K屏+1080P使用不同壁纸的方法

    Win11双屏设置双壁纸–2K屏+1080P使用不同壁纸的方法先上方法及效果:方法:两张图片(图1尺寸:1920×1080,图2尺寸:2560×1440),Photoshop裁减图1并与图2拼接成一张图片(尺寸:4480×1440)设置为背景图片,并在【个性化-背景】中设置为【平铺】;效果:具体步骤:1.环境:win11(win10类似),屏幕1(1080p),屏幕2(2k屏,16:9);2.所需图片:图1(1920×1080);图2(2560×1440)3.工具:Photoshop(其他拼图工具亦可)4.步骤:1)在PS中【图像-画布大小】中修改画布尺

    2025年7月13日
    3
  • 数据挖掘/机器学习/算法岗2017校招面试总结「建议收藏」

    数据挖掘/机器学习/算法岗2017校招面试总结「建议收藏」目前就职于腾讯,想内推朋友可以发我简历(校招/社招都要),邮箱384375530@qq.com,注明岗位和工作城市。这个岗位叫法很多,算法岗,数据挖掘岗,机器学习岗,基础研究等等,总结一下从16年9月校招的面试情况。百度:师姐给我内推的,一面聊了2个半小时,基本在写代码。用MapReduce写好友推荐,在一堆单词里面找出现次数最多的k个;设计一个栈,O(1)时间返回最值;求多叉树深…

    2022年6月12日
    35
  • html中ul和li的使用_ul列表的html结构

    html中ul和li的使用_ul列表的html结构html中偶尔会使用到列表,记录一下。1.序号可以是数字、字母、罗马数字等,可以通过list-style-type属性设置。2.序号也可以显示图片,可以通过list-style-image

    2022年8月1日
    12
  • Linux日志管理工具 journalctl「建议收藏」

    Linux日志管理工具 journalctl「建议收藏」日志Linux日志管理基本概念journalctl查询所有系统服务日志内容journalctlmaybeusedtoquerythecontentsofthesystemd(1)journalaswrittenbysystemd-journald.service(8).CentOS7及以后版本,利用Systemd统一管理所有Unit的启动日志。带来的好处就是,可以只用journalctl一个命令,查看所有系统日志查看内容包括内核日志

    2022年5月23日
    35

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号