html——jQuery练习题2

来源:互联网 发布:癌症到底能治愈吗 知乎 编辑:程序博客网 时间:2024/06/02 23:49
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>每间隔10秒检查用户在文本框中输入的数字和层中显示的数字是否相同,如果不同,则用文本框中的数字替换层中显示的数字</title>
                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
                <script type="text/javascript">
                $(function(){
                        setInterval(function(){
                                var btnmsg=$("#ibtn").val();
                                var divmsg=$("#j1").html();
                                if(btnmsg != divmsg){
                                        $("#j1").html(btnmsg);
                                }
                        },10000);
                });
                </script>
                <style>
                        div{width:200px;height:50px;background: #dfdfef; line-height: 50px; text-align: center;margin: 8px;}
                </style>
        </head>
        <body>
                                <input type="text" id="ibtn" />
                                <div id="j1">10</div>
        </body>
</html>
原创粉丝点击