js小程序核心代码

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;