首页 > 其他分享 >通过location实现几秒后页面跳转

通过location实现几秒后页面跳转

时间:2023-06-07 21:04:12浏览次数:31  
标签:返回 timer 几秒 location 跳转 var div

location对象属性


location对象属性  返回值

location.href 获取或者设置整个URL

location.host 返回主机(域名)www.baidu.com

location.port  返回端口号,如果未写返回空字符串

location.pathname 返回路径

location.search 返回参数

location.hash 返回片段 #后面内容常见于链接 锚点

5秒后跳转页面:

<body>
    <button>点击</button>
    <div></div>
    <script>
        var btn = document.querySelector('button');
        var div = document.querySelector('div');
        var timer = 5;
        setInterval(function() {
            if (timer == 0) {
                location.href = 'https://www.baidu.com/';
            } else {
                div.innerHTML = '您将在' + timer + '秒钟之后跳转到首页';
                timer--;
            }
 
        }, 1000);
    </script>
</body>

标签:返回,timer,几秒,location,跳转,var,div
From: https://blog.51cto.com/u_16040716/6434790

相关文章

  • 氚云--进行空间赋值,页面跳转,弹出新增数据界面框
    一、前端数据赋值场景:进行判断风险等级,单选框自动选中对应等级颜色。解决:先创建一个单行文本进行判断等级颜色,之后前端赋值给单选框debugger;varparent=this;varenviroment=$.SmartForm.ResponseContext;//获取当前对象环境变量parent.F......
  • Nginx Location 基本配置
    基本语法格式:Locationblock的基本语法形式是:  location[=|~|~*|^~|@]pattern{...}[=|~|~*|^~|@]被称作locationmodifier,这会定义Nginx如何去匹配其后的pattern,以及该pattern的最基本的属性(简单字符串或正则表达式)location的匹配符1.等于匹配符:=......
  • 逍遥自在学C语言 | break-循环的中断与跳转
    前言在C语言中,break语句是一种控制流语句,它用于终止当前所在的循环结构(for、while、do-while)或者switch语句,从而跳出循环或者结束switch语句的执行。一、人物简介第一位闪亮登场,有请今后会一直教我们C语言的老师——自在。第二位上场的是和我们一起学习的小白程序猿—......
  • nginx location带@
    目录nginxlocation带@nginxlocation带@我想访问https://dev-das.aaa.com/@config和https://dev-das.aaa.com/config的时候都能跳转到后端location~*/@?config{proxy_redirectoff;set$Real$proxy_add_x_forwarded_for;if($Real......
  • 【HarmonyOS】一文教你如何在低代码项目中跳转H5页面
     【关键字】元服务、低代码、H5页面跳转、WebView【1、写在前面】今天我们来实现一个在低代码项目中通过按钮跳转到H5页面的功能,本项目是基于API6的JS工程,我们的实现思路是在页面B中通过Java加载WebView控件,在低码页面中为按钮绑定点击事件,事件中实现通过JS调用Java能力,OK,下面一起......
  • 【HarmonyOS】一文教你如何在低代码项目中跳转H5页面
    ​ 【关键字】元服务、低代码、H5页面跳转、WebView 【1、写在前面】今天我们来实现一个在低代码项目中通过按钮跳转到H5页面的功能,本项目是基于API6的JS工程,我们的实现思路是在页面B中通过Java加载WebView控件,在低码页面中为按钮绑定点击事件,事件中实现通过JS调用Java能力,O......
  • 在HBase中应用MemStore-Local Allocation Buffers解决Full GC问题
      译者注:上个月写了一遍博文,介绍一种高效的Java缓存实现http://maoyidao.iteye.com/blog/1559420。其本质是模仿Memcached的Slab,通过分配连续定长的byte[]减少大规模使用JavaHeap作为缓存时不可避免的GC问题。虽然当时构思和实现这一思路时并没有参照其他开源产品,但这一思路在很......
  • hbase gc MemStore-Local Allocation Buffer
     ArenaAllocation,是一种GC优化技术,它可以有效地减少因内存碎片导致的FullGC,从而提高系统的整体性能。本文介绍ArenaAllocation的原理及其在Hbase中的应用-MSLAB。背景假设有1G内存,我顺序创建了1百万个对象,每个对象大小1K,Heap会被渐渐充满且每个对象以创建顺序相邻。此时,如果我......
  • 微信小程序页面跳转方法总结微信小程序页面跳转方法总结
    微信小程序页面跳转目前有以下方法(不全面的欢迎补充):1.利用小程序提供的API跳转://保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。//注意:调用navigateTo跳转时,调用该方法的页面会被加入堆栈,但是redirectTowx.navigateTo({url:'page/hom......
  • “AIR SDK 0.0: AIR SDK location “...\devsdks\AIRSDK\Win” does not exist.”
    导入AS3项目时提示“AIRSDK0.0:AIRSDKlocation“D:\ProgramFiles\Adob5eFlashBuilder4.7\eclipse\plugins\com.adobe.flexbuilder.flex_4.7.0.349722\devsdks\AIRSDK\Win”doesnotexist.”是AS3项目找不见AIRSDK.打开项目配置ActionScriptBuildPath,路径出错......