js一些简单的效果

浏览数：21 / 时间：2015年06月09日


文字变换颜色
 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 }