时间:2021-05-26
本文实例为大家分享了js实现5秒倒计时并跳转功能的具体代码,供大家参考,具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>倒计时五秒</title> <script> //使用匿名函数方法 function countDown(){ var time = document.getElementById("Time"); //alert(time.innerHTML); //获取到id为time标签中的内容,现进行判断 if(time.innerHTML == 0){ //等于0时清除计时 window.location.href="https://" rel="external nofollow" ; }else{ time.innerHTML = time.innerHTML-1; } } //1000毫秒调用一次 window.setInterval("countDown()",1000); </script> <style> #Time,#p{ font-size: 100px; text-align: center; } </style> </head> <body> <p id="Time">5</p> </body></html>再为大家分享两段:
jQuery实现5秒倒计时
<script src="jquery-1.8.2.min.js"></script><script type="text/javascript">var i=5;$(function(){ setTimeout(function(){ window.location.href='${ctx}/'; },5000);//5秒后返回首页 after();});//自动刷新页面上的时间function after(){ $("#time").empty().append(i); i=i-1; setTimeout(function(){ after(); },1000);}</script>点击按钮出现5秒倒计时js代码
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="js/jquery.js"></script></head><body> <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" /> <script type="text/javascript"> var countdown=5; function settime(val) { if(countdown != 0){val.setAttribute("disabled", true); val.value="重新发送(" + countdown + ")"; countdown--; }else { val.removeAttribute("disabled"); val.value="免费获取验证码"; countdown = 5;return;//避免无限循环 } setTimeout(function() {settime(val) },1000) }</script></body></html>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果。此例子用Javascript实现点击按钮后,倒计时60秒才能再次
用JS实现网页上的自动跳转功能,倒计时跳转至指定网页,倒计时间可自设,时间到则自动跳转到指定的网址,对于JS来说,实现该似乎挺简单哦,用IIS上的301也可实现
本文实例讲述了JavaScript实现的商品抢购倒计时功能。分享给大家供大家参考,具体如下:JS抢购倒计时function_fresh(){varendtime
倒计时功能是一个比较常见的功能,比如用户获取验证码就需要用到。这里记录一下在微信小程序里面倒计时功能的简单实现。直接看看代码吧//倒计时60秒functionc
前言在开发中会经常用到倒计时这个功能,关于倒计时的实现,有疑问的朋友们可以参考这篇:本文主要给大家介绍了关于Android倒计时结束跳转页面的相关内容,分享出来