文字变换颜色
1 <script> 2 var cc = ['purple','white','black','yellow','gray','blue','green','red']; 3 var i = 0; 4 function myc(){ 5 var u= document.getElementsByTagName('h1')[0]; 6 u.style.color=cc[i++]; 7 if(i>=cc.length-1){ 8 i=0; 9 } 10 }setInterval(myc,100); 11 </script>
网页中的时钟效果 两个aa是对应的
1 function aa(){ 2 document.getElementById('my').innerHTML = new Date().toLocaleString(); 3 }
setInterval(aa,1000);
今天是: 2015年4月16日 上午10:44:36 星期四
1 今天是: <span id="jnkc" class="qqzcdtt">
<script>document.write(new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay()))</script>
</span>
分时问候
1 var d=new Date(); 2 var h=d.getHours(); 3 if(h>8 && h<=12){ 4 document.write('上午好'); 5 }else if(h>12 && h<=18){ 6 document.write('下午好'); 7 }else{ 8 document.write('晚上好'); 9 }
计算平方数 平方也可以改成pf或者其他的英文 pf为函数名以后可以直接调用平方pf(); i为形参 函数里面一看到return立即结束
function 平方(i){
return; 程序立即结束 return i*i; } alert(平方(100)); 调用函数
两种定时器
1 setTimeout('alert(100)',2000); /*2s后输出100*/ 2 setInterval('alert(200)',2000);/*每隔2s输出200*/
确认框:
1 张三:<a href="" onClick="return confirm('是不是要删除张三')">删除 </a>
提示确认框一
1 if(confirm('是否要打开百度网')){ 2 location.href='http://www.baidu.com'; 3 }
提示确认框二
1 var f=confirm('是否要打开百度网') 2 if(f){ 3 location.href='http://www.baidu.com'; 4 }
输入框
1 var i=prompt('请输入年龄',18); 2 if(i<18){ 3 alert('未成年不允许上网'); 4 } 5 else{ 6 alert('已成年允许进入'); 7 location.href='http://www.baidu.com'; 8 }
返回0-1之间的随机小数 Math是抽象对象,不能实例化也就是不行yy=new Math():
1 for(i=0;i<=10;i++){ 2 document.write(Math.random()+'<br>'); 3 }
// Math 数学对象
//alert(Math.abs(-90));//90 取绝对值
//alert(Math.PI);
//alert(Math.round(4.1)); 四舍五入
//alert(Math.round(4.5));
//alert(Math.round(-4.1));
//alert(Math.round(-4.5));
//alert(Math.floor(2)); 取整数,小于这个数的最大整数
//alert(Math.floor(2.9));
//alert(Math.ceil(2));//2
//alert(Math.ceil(2.3));//3 取整数,大于这个数的最小整数
//alert(Math.ceil(2.9)); //3
//Math.random(); 返回1-0 之间的随机小数
返回0-3之间的整数,让背景颜色不断变换
1 var c = Math.round(Math.random()*3);//0-3 之间的随机整数 2 if(c==0){ 3 document.bgColor = 'red'; 4 }else if(c==1){ 5 document.bgColor = 'blue'; 6 }else if(c==2){ 7 document.bgColor = 'green'; 8 }else{ 9 document.bgColor = 'purple'; 10 }