html js倒计时不准确,js倒计时代码：第2个倒计时为什么会不正常？

倒计时效果

padding: 0;

margin: 0;

}

body{

font-size: 30px;

font-family:"微软雅黑";

color: white;

}

.container{

width: 400px;

height: 200px;

background: #0a5fa2;

opacity: 0.5;

text-align: center;

margin:300px auto;

}

.container div{

height: 200px;

line-height: 200px;

}

.container div span{

color: red;

}

.container .current{

display: block;

}

.container div{

display: none;

}

5s后可认证成功

5s后可登录成功

登录成功

var num1=5;

var num2=5;

var container=document.getElementById("cont");

var divs=container.getElementsByTagName("div");

var cerCount=document.getElementById("cerCount");

var loginCount=document.getElementById("loginCount");

setInterval("count1()",1000);

function count1(){

if(num1>=1){

cerCount.innerHTML=num1;

num1--;

}else if(num1==0) {

divs[0].className=null;

divs[1].className="current";

setInterval("count2()",1000);

}

function count2(){

if(num2>=1){

loginCount.innerHTML=num2;

num2--;

}else{

divs[0].className=null;

divs[1].className=null;

divs[2].className="current";

}

html js倒计时不准确,js倒计时代码：第2个倒计时为什么会不正常？相关推荐

html js倒计时不准确,关于JS倒计时的问题
@Hello_World20 说的就是正确的,js里要准确计时只能用Date的时间戳按题主的代码改了下,应该就是题主想要的效果了毫秒的倒计时 var countdown = function(gi ...
HTML5七夕情人节表白网页(结婚倒计时) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码 css爱心表白
HTML5七夕情人节表白网页❤结婚倒计时❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码程序员表白源码 3D旋转相册 js烟花代码 css爱心表白这是程序员表白 ...
html倒计时的原理,JS实现活动精确倒计时 - 轩枫阁
背景前端页面倒计时功能在很多场景中会用到,如运营活动开始倒计时和活动结束倒计时,又如购物网站的秒杀倒计时,抢购倒计时,还有我们手Q春节抢红包倒计时等等--. 最近的话费代付项目中,也涉及倒计时功能, ...
使用js的方式设置点击按钮发送短信倒计时并且防止刷新
首先,放置一个按钮 <input type="button" id="btn" disabled="disabled" value=& ...
JS打字效果的动态菜单代码分享
这篇文章主要介绍了JS打字效果的动态菜单,推荐给大家,有需要的小伙伴可以参考下. 这是一款基于javascript实现的打字效果的动态菜单特效代码,分享给大家学习学习. 小提示:浏览器中如果不能正常运 ...
原生js写三级联动 java_原生js三级联动的简单实现代码
本文实例为大家分享了js查询天气应用,供大家参考,具体内容如下实现功能:打开网页时显示用户所在城市的天气状况,在输入框输入城市可查询其它城市. 实现过程:先调用百度地图的API来获取用户所在的城市, ...
怎么在vue的@click里面直接写js_【转】为 Node.js 贡献你的力量 ———— 调试代码
原文作者:百万扩散性甜面包 himself65 原文链接: 为 Node.js 贡献你的力量 ---- 调试代码www.himself65.com Node.js 作为一个世界级的项目,能为它贡献源 ...
CSS+JS灰色树型菜单导航代码
代码简介: CSS+JS打造的树型菜单,没有怎么美化,颜色看上去也不很美,提供一种思路,真想用的朋友好好修改一下颜色,里面都有注释,相信通过你的努力,它最终的效果一定很漂亮. 代码内容: <!D ...
JS实现星星评分功能实例代码(两种方法)
转载自 JS实现星星评分功能实例代码(两种方法) 一.方法1 1.用到图片 2.结构和样式 <!DOCTYPE html> <html lang="en"&g ...

html js倒计时不准确,js倒计时代码：第2个倒计时为什么会不正常？

html js倒计时不准确,js倒计时代码：第2个倒计时为什么会不正常？相关推荐

最新文章

热门文章