倒计时OK了，原来是再加个function就可以了，现在还有个问题是倒计时计数不完整，代码如下，应该alltime为0时结束的，现在的问题是alltime为1时显示不出来，不知道为什么？求助
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<link href="css/style.css" rel="stylesheet"/>
</head>
<body>
<div id="mui-start" style="display:none;position:relative;">
<a href="main.html"><img id="startimg"></a><a href="#" style="background-color:rgba(0,0,0,0.3);padding:5px;position:absolute;top: 10px;right: 10px;font-size: 14px;color:#FFFFFF;display:none" id="daoshu"></a>
</div>
<header id="mui-header" class="mui-bar mui-bar-nav" style="display:none;background-color:#32C78C;">
</header>
<div id="mui-content" class="mui-content" style="display: none;">
</div>
<!--底部-->
<nav id="mui-footer" class="mui-bar mui-bar-tab" style="display: none;">
</nav>
</body>
<script type="text/javascript" charset="utf-8">
mui.init({
});
mui.plusReady(function() {
//首页内容显示
function showIndex(){
plus.navigator.setFullscreen(false);
document.getElementById("mui-start").style.display="none";
document.getElementById("mui-content").style.display="block";
document.getElementById("mui-header").style.display="block";
document.getElementById("mui-footer").style.display="block";
}
//开始页面显示
function showStart(){
document.getElementById("mui-start").style.display="block";
document.getElementById("mui-header").style.display="none";
document.getElementById("mui-content").style.display="none";
document.getElementById("mui-footer").style.display="none";
plus.navigator.setFullscreen(true);
var sh = plus.navigator.getStatusbarHeight(); //获取系统状态栏高度
var h = plus.screen.resolutionHeight; //获取设备屏幕高度分辨率
var w = plus.screen.resolutionWidth; //获取设备屏幕宽度分辨率
var ObjStart=document.getElementById("mui-start");
ObjStart.style.height=h+"px";
ObjStart.style.backgroundColor="#2FB074"
var ObjDaoShu=document.getElementById("daoshu");
ObjDaoShu.style.display="block";
var alltime=3;
var t;
function daoJiShi(){
ObjDaoShu.innerHTML=alltime+"秒跳过";
alltime=alltime-1;
if(alltime=='0'){
clearTimeout(t);
showIndex();
}
}
t=setInterval(function() {
daoJiShi();
}, 1000);
}
showStart();
});
</script>
</html>
3 个回复
kukala (作者)
倒计时OK了，原来是再加个function就可以了，现在还有个问题是倒计时计数不完整，代码如下，应该alltime为0时结束的，现在的问题是alltime为1时显示不出来，不知道为什么？求助
LLgg
把判断等于0改为-1，就可以了
这是我的网站，O(∩_∩)O谢谢支持----->>中旋网ZxlmWeb
kukala (作者)
感谢回复，代码是没问题！
2017-04-24 20:43
kukala (作者)
如果我把daoJiShi()里的showIndex()方法屏蔽掉就正常了，不知道为什么？