会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 134720个问题

  1. 遇到的问题:

    老师,这个地方定时器的执行过程是这样吗,网页加载完毕后先执行getTIme()方法,然后再执行定时器方法,定时器再调用getTime方法。

  2. 代码区:

function getTime(){
            var date=new Date();
            //活得事件
            var time=date.toLocaleString();
            //获得ID名称是span_1的对象
            var span=document.getElementById("span_1");
            //在span对象中间插入时间
            span.innerHTML=time;
        }
            //定时器  1S后进行方法的调用  调用一次  网页加载完毕后第一次调用,等待一秒后第开始第二次调用
            //window.setTimeout("getTime()",1000); //参数:调用的方法  等待调用的时间
            //每间隔一秒就会进行方法的调用,调用多次
            var in1= window.setInterval("getTime()",1000);//给定时器起个名字,定时器可能有很多,在清楚定时器的时候指定定时器名字
        function clearTime(){
            //清除in1定时器
            window.clearInterval(in1);
        }
    </script>
</head>
<body onload="getTime()">
    <!--通过JS获取事件,并把事件放到span标签内-->
    当前的时间是<span id="span_1"> </span>
    <p>
        <input type="button" value="停止时间" onclick="clearTime()"/>
    </p>
    
 </body>


JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Javascript 语言(旧) 121楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3 122楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3(旧) 124楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Javascript 语言(旧) 125楼

问题1:老师我的这种做法也可以实现,但是不知道符不符合规范?代码如下:

问题2:创建对象采用$("......")方式,那在实际开发中,若是创建的对象元素比较多,这样写会不会感觉不方便?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery操作页面元素B(案例)</title>
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$("#inp2").click(function() {
					// 点击添加后要实现对元素的添加		
					// 1、想要添加元素就先创建元素
					var inputFile = $("<p>照片:<input type='file' name='' id='inp1' value='' /><input type='button' name='' id='inpdelete' value='删除' /></p>");
					// 2、获得需要添加到的对象form
					var form = $("form");
					// 3、将创建好的元素添加到form对象中,实现后追加,采用append()方法,但是form对象中还有两个按钮,如果追加就会追加到按钮之后,不合理,还是要获得一个对象
					var last = $("#last");
					// 都是在form对象中是属于内部的同级添加,采用prepend()方式添加
					last.prepend(inputFile);
					// 4、实现删除功能,就在这个作用域里面可以实现,因为创建的对象就在这个click的作用域中。
					$("#inpdelete").click(function() {
						inputFile.remove();
					})
				})
			})
		</script>
	</head>
	<body>
		<form action="" method="post" id="form">
		用户名:<input type="text" name="" id="" value="" />
		<p id="p">
			照片:<input type="file" name="" id="inp1" value="" />
			<input type="button" name="" id="inp2" value="添加""/>
		</p>
		<p id="last">
			<input type="button" name="" id="" value="提交" />
			<input type="button" name="" id="" value="返回" />
		</p>
		</form>
	</body>
</html>


JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Jquery(旧) 127楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Javascript 语言(旧) 129楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3(旧) 130楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/HTML5(旧) 131楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2026百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637