JS通过时间控制页面样式

JavaScript倒计时与界面控制

最新推荐文章于 2022-09-02 21:45:00 发布

转载最新推荐文章于 2022-09-02 21:45:00 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2556916/blog/625963

文章标签：

#python #javascript #ViewUI

本文介绍了一个简单的JavaScript倒计时功能实现方法，并演示了如何通过编程控制HTML元素的显示与隐藏。代码中使用了setTimeout函数来周期性地更新倒计时显示，并在倒计时结束后显示特定的HTML区块。

2019独角兽企业重金招聘Python工程师标准>>>

<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <p id="avx"></p>
    <div style="display: none;"  id="asc">
        控制界面显示
    </div>
</body>
<script type="text/javascript">
    var t=6;
    timedMsg();
    function timedMsg(){
        setTimeout("timedMsg()",2000);
        document.getElementById("avx").innerHTML="请在"+t+"s后重新获取";
        if(t==0){
            t=6;
            document.getElementById("avx").innerHTML="请重新获取";
            document.getElementById("asc").style.display="block";
        }
        t--;
    }
</script>
</html>

转载于:https://my.oschina.net/u/2556916/blog/625963