一、动态时钟
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>动态时钟</title> 6 <script type="text/javascript"></script> 7 </head> 8 9 <body> 10 <h3 onClick="showtime(this)" id="as1"></h3> 11 </body> 12 </html> 13 14 15 <script> 16 var weq=document.getElementById(\'as1\'); 17 function showtime(){ 18 var dy=new Date(); 19 var year=dy.getFullYear(), 20 month=dy.getMonth(), 21 date=dy.getDate(); 22 23 var hours=dy.getHours(), 24 mients=dy.getMinutes(), 25 semiao=dy.getSeconds(); 26 if(month<10){ 27 var jia="0"+(month+1); 28 }else{ 29 jia=+(month+1); 30 } 31 if(date<10){ 32 var jian="0"+(date+1); 33 }else{ 34 jian=+(date+1); 35 } 36 var time=year+"-"+jia+"-"+jian+" "+hours+":"+mients+":"+semiao; 37 weq.innerHTML=time; 38 } 39 window.onload=function(){ 40 time = setInterval("showtime()",1000); 41 } 42 43 </script>
二、实现简单计算器，分别输入两个数和一个运算符号，计算结果。计算过程使用一个带参数和带返回值得函数封装实现
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>计算器</title> 6 <script type="text/javascript"></script> 7 </head> 8 9 10 <body> 11 <!--1、实现简单计算器，分别输入两个数和一个运算符号，计算结果。计算过程使用一个带参数和带返回值得函数封装实现（10分）--> 12 <p>请输入数1:<input type="text" id="numone" value=""></p> 13 <p>请输入数2:<input type="text" id="numtwo" value=""></p> 14 <p>请选择符号:<select> 15 <option >+</option> 16 <option>-</option> 17 <option>*</option> 18 <option>/</option> 19 </select></p> 20 21 <span><input type="button" value="计算" onClick="jisuan()"></span> 22 <input type="text" id="numhe" value=""> 23 24 </body> 25 </html> 26 <script> 27 28 var sum=\'\'; 29 function jisuan(){ 30 var one=document.getElementById(\'numone\').value, 31 two=document.getElementById(\'numtwo\').value, 32 num=document.getElementById(\'numhe\'); 33 console.log(one); console.log(two); 34 var shuxing=document.getElementsByTagName(\'select\')[0].value; 35 36 if(shuxing == \'+\'){ 37 sum=parseInt(one) + parseInt(two); 38 }else if(shuxing == \'-\'){ 39 sum=parseInt(one) - parseInt(two); 40 }else if(shuxing == \'*\'){ 41 sum=parseInt(one) * parseInt(two); 42 }else if(shuxing == \'/\'){ 43 sum=parseInt(one) / parseInt(two); 44 } 45 num.value=sum; 46 } 47 48 </script>
三、彩票36选7 不重
1 var arr=[]; 2 var sum=""; 3 var flag=1 4 for(i=0;i<7;i++){ 5 sum=parentInt(Math.random()*35+1); 6 for(var j in arr){ 7 if(sum=arr[j]){ 8 flag=0; 9 break; 10 } 11 } 12 if(flag==0){ 13 i--; 14 }else{ 15 arr[i]=sum; 16 } 17 18 console.log(arr[i]); 19 }
四、生成4个随机数当做验证码
1 利用DOM进行表单验证 2 3 例：生成4个随机数当做验证码 4 5 //HTML输出程序 6 7 验证码：<div id="yzm" onClick="huanyizhang"></div><br> 8 9 请输入验证码：<input type="text" id="shuru"><br> 10 11 <button onClick="yz">验证</button><span id="sp"></span> 12 13 var arr=[0，2,1,3,5,4,8,6]; //定义一个数组，用于存放随机数 14 15 var yzm1=document.getElementById("yzm"); //获取yzm的元素 16 17 var str=""; //定义一个空的变量用于情空以前赋值的验证码 18 19 function huanyizhang(){ //定义一个方法用于重新生成验证码 20 21 for(var i=0;i<4;i++){ //定义循环次数 22 23 var xb=Math.random()*arr.length; //定义一个变量用于存放随机生成的验证码 24 25 str=str+arr[xb]; // 将验证码存放到变量中 26 27 } 28 29 yzm1.innerHTML=str; //将变量输出到表单中 30 31 } 32 33 var shuru1=document.getElementById("shuru").value; //获取用户输入的验证码的值 34 35 var trueorfalse=document.getElementById("sp").innerHTML //获取最终判断结果span标签的值 36 37 function yz(){ //定义一个方法用来验证输入的结果是否正确 38 39 if(shuru1==str){ //当正确时输出 40 41 trueorfalse="验证码输入正确"; 42 43 }else{ //当错误时输出 44 45 trueorfalse="验证码输入错误"; 46 47 } 48 49 50 51 } 52 53 54 55 思路： 56 57 1.先建立HTML 58 59 2.观察需要获取的值，和想要输入的值 60 61 3.定义变量获取想要的元素并添加js事件 62 63 注意及易错 64 65 1.注意要输入的值是不是表单元素，表单元素需要用.value来获值，非表单元素需要用innerHTML来获取 66 67 2.注意定义空值，清空每次赋值的
五、水仙花数
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>水仙花数</title> 6 <script type="text/javascript" src="shuixianhuashu.js"></script> 7 <script> 8 for(var i=100;i<1000;i++) 9 { 10 var a=parseInt(i/100); 11 var b=parseInt(i/10%10); 12 var c=parseInt(i%10); 13 if(a*a*a+b*b*b+c*c*c==i) 14 { 15 console.log(i); 16 } 17 } 18 </script> 19 </head> 20 21 <body> 22 23 </body> 24 </html>
六、用*号做一个菱形
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>*号菱形</title> 6 <script type="text/javascript"></script> 7 </head> 8 <body> 9 </body> 10 </html> 11 <script> 12 var line=7; 13 for(var i=0;i<line;i++) { 14 if(i<=3) { 15 for(var j=0;j<=line-i-4;j
请发表评论