1.表格隔行变色
if(a%2=0) 余数为0设置颜色是什么
2.将秒数转换成分
var s=156; alert(parseInt(s/60)+'分'+s%60+'秒')
3.不定参求和
function sun(){
var result = 0;
for(var i=0;i<arguments.length;i++){
result+=arguments[i];
}
return result;
}
alert(sum(1+23+34+4+5+6+7));
4.数码时钟
时钟数字都是图片
<img src=‘0.png’/><img src=‘0.png’/>:<img src=‘0.png’/><img src=‘0.png’/>:<img src=‘0.png’/><img src=‘0.png’/>
//将小于10的数字前边用0补全
function toDou(a){
if(n<10){return '0'+n}else{return ' '+n}
}
window.onload = function(){
var Img = document.getElementByTagName('img');
var oDate = new Date();
function tick(){
//获取时间字符串
var strDate = toDou(oDate.getHours())+ toDou(oDate.getMinutes())+ toDou(oDate.getSeconds());
//根据字符串修改时间对应的数字图片
for(var i=0;i<Img.length;i++){
Img[i].src=strDate[i]+'.png';
}
setInterval(tick,1000);
//修改初始化是000000的bug
tick();
}
}
5.延时提示框
mouseover 和mouseout display setTimeout clearTimeout代码简化
6.无缝滚动
<ul>
<li></li>
<li></li>
<li></li>
</ul>
window.onload = function(){
var oDiv = document.getElementById('div1');
var oUl = document.getElementsByTags('ul')[0];
var oLi = oUl.getElementsByTags('li')[0];
//滚到最后会有空白
oUl.innerHtml = oUl.innerHtml +oUl.innerHtml
oUl.style.width = aLi[0].offsetwidth*aLi.length+'px';
setInterval(function(){
//当左边距小于ul一半宽度的时候,将left设置为0,从头开始
if(oUl.offsetLeft<-oUl.offseWidth/2){
oUl.style.left='0';
}
//向右滚
//if(oUl.offsetLeft>0){
//oUl.style.left=-oUl.offseWidth/2+'px';
//}
oDiv.style.left = oUl.offsetLeft-2+'px';},30)
}
//鼠标移入停止滚动
onmouseover clearInterval(timer) onmouseOut timer = setInterval(move,30)
//向左向右滚动加入变量speed oUl.offsetLeft+speed +'px';
setInterval(function(){oDiv.style.left = oDiv.offsetLeft+10+'px';},30)
offsetLeft获取div的左边距
offsetTop
offsetWidth
offsetHeight
7.点击a,隐藏li
for(var i = 0; i<aA.length;i++){
aA[i].onclick = function(){
this.parentNode.style.display='none';
}
}
<ul>
<li>asas<a href="javascript:;">隐藏</a></li>
<li>asas<a href="javascript:;">隐藏</a></li>
</ul>
8.封装className函数
function getByClass(oParent,sClass){
var aResult=[];
var aEle = oParent.getElementsByTagName('*');
for(var i = 0;i<aEle.lengh;i++){
if(aEle[i].className==sClass){
aResult.push(aEle[i])}
}
return aResult;
}
9.创建节点
var oLi = docunment.createElement('li');
oLi.innerHtml=oTxt.value;
oUL.appendChild(oLi);
10.文档碎片
var oFrag =document.createElemntFragement();
for(var i =0; i<100000;i++){
var oLi = docunment.createElement('li');
oFrag.appendChild(oLi);
}
oUl.appendChild(oFrag);
11.表格隔行变色
oTab.tBodies[0].rows.length;
i%2
this.style.background='red'
//解决鼠标移除保持原来原色
var oldColor;
oldColor= this.style.background;