jsp 页面倒计时

$(function(){
autoLogin();
})
var a;
function autoLogin(){
$("#autoLogin").html("<span>(3)</span>秒后跳转到首页");
var i=2;
a = setInterval(function(){
$("#autoLogin").html("("+i+")秒后跳转到首页");
if(i==0){
window.location.href="${ctx }/index.html";
}
i--;
},1000);
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的倒计时功能的 JSP 和 JavaScript 代码示例: 在 JSP 文件中: ```jsp <!DOCTYPE html> <html> <head> <title>倒计时示例</title> <script src="countdown.js"></script> </head> <body> <h1 id="countdown">倒计时: </h1> </body> </html> ``` 在 countdown.js 文件中: ```javascript window.onload = function() { // 设置倒计时结束时间(以毫秒为单位) var endTime = new Date("2022-01-01 00:00:00").getTime(); // 更新倒计时的函数 var updateCountdown = function() { var now = new Date().getTime(); // 计算剩余时间 var timeLeft = endTime - now; // 计算剩余的天、小时、分钟和秒 var days = Math.floor(timeLeft / (1000 * 60 * 60 * 24)); var hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((timeLeft % (1000 * 60)) / 1000); // 更新页面上的倒计时 var countdownElement = document.getElementById("countdown"); countdownElement.innerHTML = "倒计时: " + days + "天 " + hours + "小时 " + minutes + "分钟 " + seconds + "秒"; // 如果倒计时结束,则停止更新 if (timeLeft < 0) { clearInterval(countdownInterval); countdownElement.innerHTML = "倒计时结束!"; } }; // 每秒钟更新一次倒计时 var countdownInterval = setInterval(updateCountdown, 1000); }; ``` 以上代码会在页面上显示一个倒计时,直到指定的结束时间。你可以根据需要修改结束时间和页面布局等。希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值