js一些简单的效果

Posted on 2015-04-16 11:10  小蕊同学  阅读(371)  评论(0编辑  收藏  举报

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

 

Copyright © 2024 小蕊同学
Powered by .NET 9.0 on Kubernetes