JS09

JavaScript 定时器

       单次定时 setTimeout(fn,2000);

        多次定时 setInterval(fn,2000);

       停止多次定时 clearInterval(timer);

        停止单次定时 clearTimeout(timer);

    实例:

    使用单次和多次定时写倒计时。

通过js获取或者修改元素的css样式

        在w3c中找到JavaScript的语法

        box.style.width=(parseInt(box.style.width)+10)+'px';

        box.style.backgroundColor='red';

命名介绍

        backgroundColor小驼峰命名法

        BackgroundColor 大驼峰

        background-color匈牙利命名法

数学运算

1、document.write(Math); //数学运算对象

2、document.write(Math.PI);//PI是数学对象的一个属性

3、document.write(Math.abs(100.21));//绝对值

4、document.write(Math.pow(2,4));//求次方2的4次方

5、document.write(Math.sqrt(100));//开平方

6、document.write(Math.round(100.21));//四舍五入

7、document.write(Math.floor(100.21));//舍一取整

8、document.write(Math.ceil(100.21));//进一取整

9、document.write(Math.max(100.21,334,344,34));//求最大值

10、document.write(Math.min(100.21,343,543));//求最小值

11、document.write(Math.random()); //取随机数 0--1

取随机数

1.取0-9随机数: Math.floor(Math.random()*10);

2.取0-17随机数:Math.floor(Math.random()*18);

3.取0-10随机数:Math.round(Math.random()*11);

取优质随机数

4.0-9优质随机数  Math.floor((Math.random()*1000000)%10);

5.0-17优质随机数  Math.floor((Math.random()*1000000)%18);

6.9-17优质随机数  Math.floor((Math.random()*1000000)%9+9);

Boolean对象

        var a  = true;

        var b = new Boolean(1);

        var c =  Boolean('abcd');

        typeof a

        typeof b

        typeof c

        b.valueOf()    //返回boolean对象的原始值  --typeof

        b.toString()  //转为字符串

Number对象

1、属性

        MAX_VALUE      可表示的最大的数

        Number.MAX_VALUE

        MIN_VALUE      可表示的最小的数

        Number.MIN_VALUE

        NaN                   非数字值

2、方法

        toString()          转换为指定的进制数

        50.toString(2)

        toFixed()          转换为指定小数点位数的数值

        12.2343.toFixed(1)  //参数0-20

        toExponential()    转换为科学计数法

        12.434343.toExponential()

        toPrecision()      转换为指定长度的数值

        1000.121323123.toPrecision()    //参数1-21

String对象

        字符串比较

        (ASCII码表)  Unicode进制

1、属性

        string.length; 字符串长度(空格算一个字符)

2、String方法

        charAt() //返回指定位置的字符

        concat() //连接字符串

        charCodeAt() //返回指定字符的unicode编码

        fromCharCode() //将unicode编码转为字符

        indexOf() //搜索指定字符(首次出现) 没有返回-1

        lastIndexOf() //从后往前搜索字符串

        slice() //字符串截取 start,end

        match() //正则

        search()

        str.replace

        substr() //截取字符串 start,length

        substring() //和slice用法相同

        toLowerCase() //转换为小写

        toUpperCase() //转换为大写

        split() //分割字符串

        实例:尝试将匈牙利命名法 改成 小驼峰命名法

====================================

以下内容自己下去看

anchor() //给字符串添加一个锚点

big() // 用大号字体显示字符串

blink() //添加一个blink标签

fixed() //以打字机文本显示字符串

fontcolor() //以指定颜色显示字符串

fontsize() //以指定大小显示字符串

small() //小型字体

italics() //斜体

sub() //下标

sup() //上标

toLocaleLowerCase()

toLocaleUpperCase()

作业

实例一:进度条

实例二: 点名器1 点名器2

实例三: 距离世界末日还有 10:10:10

实例四:1.jpg中的js效果

实例五:不重复的点名器

实例六:小球的下落(开始暂停)

实例七:来回滚动的小球

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 5,238评论 0 5
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 33,182评论 18 399
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 7,763评论 0 8
  • 1、var用来声明变量,let用来声明常量 2、不能将赋值给变量本身类型之外的值赋值给他 3、常量和变量不能相互转...
    shenchao123444阅读 2,675评论 0 0
  • 现在很多全面屏手机的屏幕四角做成圆的,其圆润的感觉给人带来别样的视觉体验。先来一张我大锤子镇楼(不是广告呀,锤子没...
    zibuyuqing阅读 8,195评论 1 15

友情链接更多精彩内容