js学习笔记2

1.函数的参数,返回值,可变参数,不定参数,arguements。解决兼容性问题,一般用if else来解决。if else分别放两个浏览器都支持的表达方式。
2.GetStyle获取单一样式(width,height,length等),IE支持:object.currentstyle
    chome:getcputedstyle(object,name)
3.数组的使用,定义,int arr=[1,2,3]
    尾部添加push,尾部删除pop,
    头部添加unshift,头部删除shift。
    splice(开始,长度,元素)从中间先删除后添加插入元素。
    splice(开始,长度)从给定位置开始删除
    数组连接concat
    数组,字符数组连接join

    字符排序sort()

4.for in 的使用,for in 一般适合于用于arguements,,for循环一般用于数组,可以求到长度的数组。

5.时钟,定时器

定时器:setinterval(code,delay);每间隔delay时间执行一次

settimeout(code,delay);经过delay时间执行一次,且执行一次。

6.时钟的设置:原理图片不断的刷新,获取当前系统时间,然后生成对应的字符串,再刷新现在的图片,达到效果即可。

7.日期对象;Date var dat=new Date();

8数码时钟的实现:因为本人是看的网络课,没有实现的素材,所以就自己弄个不好看的素材。设置数码时钟用到,几个方法,获取本地时间:getHours();getSeconds();getMinutes();

显示系统时间,字符串连接,字符串预处理,空位补零;

兼容性问题解决,ie7会出现问题,图片无法显示。因为字符串获取的问题。使用charAt方法,解决字符串的问题。

附录时钟代码:

<script>
function toDou(n){
if(n<10)
{return '0'+n;}
else{
return ''+n;
}
}
 window.οnlοad= function(){
var aImage=document.getElementsByTagName('img');
function tick(){
var oDate=new Date();
var str=toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds());
for(var i=0;i<aImage.length;i++){
aImage[i].src='image/'+str.charAt(i)+'.png';
}
}
setInterval(tick,1000);
tick();
};
</script>
<style>
#imag{background:#000;color:#FFF;font-size:50px}
</style>
<body>
<img  id="imag" src="image/0.png"  />
<img  id="imag" src="image/0.png"  />
:
<img  id="imag" src="image/0.png"  />
<img  id="imag" src="image/0.png" />
:
<img  id="imag" src="image/0.png"  />
<img  id="imag" src="image/0.png"  />
</body>





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值