js小知识

来源：互联网发布：浅野忠信知乎编辑：程序博客网时间：2024/04/30 12:20

1.显示系统时间
$(function(){
newTime();
setInterval("newTime()",1000);
})
function newTime(){
var today=new Date();
var y=today.getFullYear();
var mo = today.getMonth() + 1;
var d = today.getDate();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
if(m<10){
   m = "0"+m;
}
if(s<10){
   s = "0"+s;
}
var t = mo+"-"+d+"-"+y+" "+h+":"+m+":"+s;
$("#newTime").html(t+"");
//setTimeout("newTime()",1000);
}
2.淡入淡出的图片
$(function(){
setInterval("newPhoto()",5000);
})
function newPhoto()
{
var today = new Date();
var s = today.getSeconds();
if(s%2 == 0){
$(".backPhoto").fadeOut(5000);
}else{
$(".backPhoto").fadeIn(5000);
}
}
3.渐渐消失的图片
$(function(){
$(".backPhoto").fadeOut(10000);
})
4.慢慢显现的图片
因为图片开始就存在，所以先用很短的时间把图片消失，再渐渐显现
$(function(){
$(".backPhoto").fadeOut(10);
$(".backPhoto").fadeIn(10000)
})
5.获取用户电脑的尺寸
$(function(){
    var screenWidth = document.body.clientWidth;
    var screenHeight = document.body.clientHeight;
    $("#mainLeft").attr("width",screenWidth/100*20);
    $("#mainLeft").attr("height",screenHeight/100*90);
    $("#mainRight").attr("width",screenWidth/100*80);
    $("#mainRight").attr("height",screenHeight/100*90);
    //$("#mainRight").css({'width':screenWidth/100*80,'height':screenHeight/100*90});
})
6.//点击换图片验证码

$(function(){
$("#randomCode").bind("click",function(){
   $("#randomCode").attr("src","<%=basePath%>pages/randomCodePhoto.jsp?" + new Date().getTime());
   });
  });

7.js中获取session中的值

var randomCodeSession = "${sessionScope.randomCode}";

8.转换为小写

checkCode = checkCode.toLowerCase();

9.转换为大写

checkCode = checkCode.toUpperCase();

10.每隔1s循环一次

setInterval("newTime()",1000);

11.背景图片效果

12.js中绑定回车事件
document.onkeydown = function(e){
if(!e){
   e = window.event;
}
if((e.keyCode || e.which) == 13){
   checkLogin();
}
}
jquery中：
//回车事件
$(function(){
//绑定输入框，这里只能是ID
$("#userName").keydown(function(event){
   event=document.all?window.event:event;
   if((event.keyCode || event.which)==13){
    alert(333);
   }
});
//这样也行
$("#userName").bind('keyup',function(event){
   event=document.all?window.event:event;
   if((event.keyCode || event.which)==13){
    alert(333);
   }
});
//全局
document.onkeydown = function(event){
   if(!event){
    event = window.event;//火狐浏览器
   }
   //也可用下面的代替上面的if语句
  //document.all可以判断浏览器是否是IE
   //var event=document.all?window.event:event;
   if((event.keyCode || event.which) == 13){
    alert(111);
   }
}
});