web前端笔记day11

最新推荐文章于 2024-10-09 17:01:55 发布

浚聿

最新推荐文章于 2024-10-09 17:01:55 发布

阅读量130

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/codejunyumao/article/details/107526402

版权

轮播图的简单做法1

<body>
    <div onmouseenter ="myStop();" onmouseleave = "myStart();" >
    <img src="class1-1.jpg" alt="">
    <img src="class1-2.jpg" alt="">
    <img src="class1-3.jpg" alt="">
    <img src="class1-4.jpg" alt="">
</div>
    <script>
        var loops = document.getElementsByTagName("img");
        var nums = 0;
        var timer;
        function myStart(){
            timer = setInterval(function(){
                loops[nums++].style.display = "none";
                if(nums == 4) nums = 0;
                loops[nums].style.display = "block";
            },1000);
        }
    myStart();
    function myStop(){
        clearInterval(timer);
    }
    </script>
</body>

轮播图的简单做法2

<body>
    <img οnmοuseοver="myStop();" οnmοuseοut="myStart();" id="loop" src="class1-1.jpg" alt="">
    <script>
        var loop = document.getElementById("loop");
        var num = 2;
        var timer;
        function myStart(){
        timer = setInterval(function(){
            var imageName = `class1-${num++}.jpg`;
            if(num == 5) num = 1;
            loop.src = imageName;
        },1000);
    }
    myStart();
        function myStop(){
            clearInterval(timer);
        }
    </script>
    
    
</body>

简单的表单校验

<script>
	while(true){
		var val = prompt("请输入邮箱！");
		if(!val){
			alert("邮箱不能为空！");
		}else if(val.length<5 || val.length>10){
			alert("长度必须为5-10位");
		}else if(val.indexOf('@') == -1 || val.indeOf("@') == val.length-1
		|| val.indexOf(".") == -1 || val.indexOf(".") ==val.length-1 ||
		val.index("@")>val.indexOf(".") || val.index("@")+1 == val.index(".")){
		alert("邮箱格式不正确！");
		}else{
			break;
		}
	}
</script>

indexOf和lastindexOf的使用

<script>
	var lengths = "quwdkjcnjbcicivkcnkcn";
	var count=0;
	var starNumbers = 0;
	while(true){
		startNumbers = lengths.indexOf(j,startNumbers);
		startNumbers++;
		if(startNumber == -1) break;
		count++;
	}
	console.log(count);
</script>