JS HTML倒计时 进入页面
2024-10-12 01:42:43
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta http-equiv=refresh content="5;url=http://127.0.0.1:8000/app01/login"> {#5秒后跳转到另一个页面#}
</head>
<body>
{# 绑定js事件 5 秒后跳转 5是动态显示#}
<div style="text-align: center"> <h1>请登录后访问 <span id='numDiv'> 5</span>秒后跳转 不跳转请点击 <a href="/app01/login/">登录页面</a></h1></div> </body> {#js的定义#}
<script type="text/javascript">
{#4 其实代表5秒后跳转#}
var num=4;
var interval=setInterval(function(){
if(num==0){
clearInterval(interval);
}
numDiv.innerHTML=num--;
},1000);
</script>
</html>
最新文章
- CSS2中基本属性的介绍
- 词频统计web
- java连接数据库的模糊查询
- sencha gridpanel 单元格编辑
- Oracle 性能优化之一二
- HDU 4825 Xor Sum(经典01字典树+贪心)
- paper 57 :颜色直方图的代码
- 【Python笔记】图片处理库PIL的源代码安装步骤
- jenkens构建脚本
- 读取XML文件节点数据
- 初识php soap 学习过程中的摘抄,便于后期翻阅
- Python——Pycharm打包exe文件
- oracle修改归档日志路径与格式
- linux下命令窗口中$和#的区别
- Svn过滤
- PHP7.0新特性
- 1.在html中引入js文件和Jquery框架
- MFC程序消息处理的顺序
- Shell编程——vim常用命令
- 【剑指offer】顺时针打印矩阵,C++实现