Jquery学习2---倒计时
2013-11-18 19:02
204 查看
以下代码是mvc4.0代码,其功能是让页面上的数字3,变2,变1 然后跳转页面
@{
ViewBag.Title = "LoginOut";
}
<html>
<head>
<title></title>
<script src="../../Content/Jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var _a = false;//<!--这个必须有-->
$(function () {
if (!_a) {//<!--这个必须有-->
change();
setTimeout(function () {
window.location.href ="@Url.Content("~/Home/Index")";
}, 3000);
}
})
function change() {
var i = parseFloat(document.getElementById("span").innerHTML);
setTimeout(function () {
if (i > 0) {
document.getElementById("span").innerHTML = (i - 1).toString();
change();
}
}, 1000);
}
function clickself() {
if (window != top) {
top.location.href = "@Url.Content("~/Home/Index")";
} else {
window.location.href = "@Url.Content("~/Home/Index")";
}
}
</script>
</head>
<body>
<div>
<h2 id="msg">登陆已超时,请重新登录!</h2>
<p id="p_time">
正在为您跳转:
<span id="span" style=" color:Green">3</span>秒<br />
如不能正常跳转请直接点击:<a href="#" onclick="clickself()">进入登录页面</a>
</p>
</div>
</body>
</html>
@{
ViewBag.Title = "LoginOut";
}
<html>
<head>
<title></title>
<script src="../../Content/Jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var _a = false;//<!--这个必须有-->
$(function () {
if (!_a) {//<!--这个必须有-->
change();
setTimeout(function () {
window.location.href ="@Url.Content("~/Home/Index")";
}, 3000);
}
})
function change() {
var i = parseFloat(document.getElementById("span").innerHTML);
setTimeout(function () {
if (i > 0) {
document.getElementById("span").innerHTML = (i - 1).toString();
change();
}
}, 1000);
}
function clickself() {
if (window != top) {
top.location.href = "@Url.Content("~/Home/Index")";
} else {
window.location.href = "@Url.Content("~/Home/Index")";
}
}
</script>
</head>
<body>
<div>
<h2 id="msg">登陆已超时,请重新登录!</h2>
<p id="p_time">
正在为您跳转:
<span id="span" style=" color:Green">3</span>秒<br />
如不能正常跳转请直接点击:<a href="#" onclick="clickself()">进入登录页面</a>
</p>
</div>
</body>
</html>
相关文章推荐
- jquery.countdown 倒计时插件的学习
- html+css+jquery倒计时、拖拽div、滚动条固定在低端、div自动换行、输入框不可写等免费小代码实用学习版.txt
- 学习写了一个点击按钮倒计时的jquery小插件
- 【jQuery学习笔记-----绝对偏移位置】
- jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码
- JQuery选择器和DOM的操作-入门学习
- JQuery 学习总结及实例
- Ajax基础学习笔记三—jQuery实现Ajax
- jquery学习笔记之Ajax应用(内含jquery十一天学习笔记链接)
- jQuery学习笔记——jQuery选择器详解种类与方法
- JQuery学习(1)
- 从零开始学习jQuery (六) AJAX快餐
- 锋利的JQuery 学习笔记
- Jquery 扩展学习
- 20151217jquery学习笔记--注册表单
- Jquery的左滑动消失或出现——一个菜鸡的学习过程
- jQuery 实现倒计时天,时,分,秒功能
- jQuery学习总结(一)
- Jquery学习笔记
- jQuery学习整理1