鱼C论坛

 找回密码
 立即注册
查看: 1859|回复: 3

[已解决]哪位大侠帮写一段HTML+JS代码,需求见内

[复制链接]
发表于 2022-8-21 07:45:57 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 wp231957 于 2022-8-21 07:49 编辑

估计代码量不会很大
1、不需要使用任何css 进行修饰,越简陋越好
2、网页中间弄一个text 框    从1开始显示   每隔3秒 自动增1  直到30为止(有点像倒计时)
3、中间每隔10秒 插入一个ALERT  如果用户不点击确定   这个自增界面就停止  用户必须把所有ALERT都点击完毕  才能看到30这个数字

我主要是计时器不咋会用
最佳答案
2022-8-21 11:01:23
<!DOCTYPE html>
<html lang="zn-ch">
    <head>
        <title>index</title>
    </head>
    <body>
        <div id="demo">1</div>
        <script>
            var demo=document.getElementById("demo")
            var i=1
            function f(){
                if(i<30)
                {
                    i = i + 1
                    if(i % 3 == 1)
                    {
                        window.alert("继续")
                    }
                    demo.innerHTML = i
                }
            }
            var time=setInterval(f,3000)
        </script>

    </body>
</html>

评分

参与人数 1鱼币 +1 收起 理由
aaron0919 + 1 还你

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2022-8-21 11:01:23 | 显示全部楼层    本楼为最佳答案   
<!DOCTYPE html>
<html lang="zn-ch">
    <head>
        <title>index</title>
    </head>
    <body>
        <div id="demo">1</div>
        <script>
            var demo=document.getElementById("demo")
            var i=1
            function f(){
                if(i<30)
                {
                    i = i + 1
                    if(i % 3 == 1)
                    {
                        window.alert("继续")
                    }
                    demo.innerHTML = i
                }
            }
            var time=setInterval(f,3000)
        </script>

    </body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-8-21 11:01:31 | 显示全部楼层
我感觉吧,弄一个定时器比较好,这样就不需要在一个定时器里面开/关另一个定时器了
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>main</title>
    </head>
    <body>
        <textarea rows="10" cols="30"></textarea>
    </body>
    <script>
        function timer_handler() {
            ++count;
            if(count % 10 == 0) {
                window.alert(count);
            }
            if(count % 3 == 0) {
                ++document.body.getElementsByTagName("textarea")[0].value;
            }
            window.setTimeout(timer_handler, 1000);
        }
        var count = 0;
        document.body.getElementsByTagName("textarea")[0].value = 1;
        window.setTimeout(timer_handler, 1000);
    </script>
</html>

评分

参与人数 1鱼币 +8 收起 理由
wp231957 + 8 2楼3楼的都可行,按先后顺序给最佳了

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2022-8-21 12:39:50 | 显示全部楼层
@wp231957 如果问题解决了,请设置最佳答案
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-25 12:10

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表