2022-11-14

2022-11-13  本文已影响0人  宝子向前冲

JS获取当前时间(年月日时分秒)

//获取当前时间

getNowTime() {

var date = new Date();

//年 getFullYear():四位数字返回年份

var year = date.getFullYear(); //getFullYear()代替getYear()

//月 getMonth():0 ~ 11

var month = date.getMonth() + 1;

//日 getDate():(1 ~ 31)

var day = date.getDate();

//时 getHours():(0 ~ 23)

var hour = date.getHours();

//分 getMinutes(): (0 ~ 59)

var minute = date.getMinutes();

//秒 getSeconds():(0 ~ 59)

var second = date.getSeconds();

var time = '当前时间是:' + year + '-' + this.addZero(month) + '-' + this.addZero(day) + ' ' + this.addZero(hour) + ':' + this.addZero(minute) + ':' + this.addZero(second);

    return time;

},

//小于10的拼接上0字符串

addZero(s) {

    return s < 10 ? ('0' + s) : s;

}


JS获得屏幕的高度宽度

1,获取屏幕的宽度: window.screen.width //整个屏幕的宽度

2,获取屏幕的高度: window.screen.height //整个屏幕的高度

3,获取网页的宽高(不含边框)。

3,1    :document.body.scrollWidth

3,2 获取整个网页的高度:document.body.scrollHeight

4,获取body的宽高(不含边框)。

4,1 获取整个body的宽度:document.body.clientWidth

4,2 获取整个body的高度:document.body.clientHeight

5,获取body的宽高(含边框)。

5,1 获取网页内body的宽度:document.body.offsetWidth //offset包括边框

5,2 获取网页内body的高度:document.body.offsetHeight

6,获取元素到顶部的距离。

6,1 获取元素到顶部的距离:document.getElementsByClassName(“div”)[0].offsetTop

6,2 获取元素到左边的距离:document.getElementsByClassName(“div”)[0].offsetLeft


JavaScript 类型转换

将字符串转换为数字

全局方法Number()可以将字符串转换为数字。

将数字转换为字符串

全局方法String()可以将数字转换为字符串。

// 全局方法 String() 可以将数字转换为字符串。 

    String(x)         // 将变量 x 转换为字符串并返回

    String(123)       // 将数字 123 转换为字符串并返回

    String(100 + 23)  // 将数字表达式转换为字符串并返回

// Number 方法 toString() 也是有同样的效果。

    (123).toString()     // 将数字 123 转换为字符串并返回

    (100 + 23).toString()

// 全局方法 String() 可以将布尔值转换为字符串。  方法 toString() 也有相同的效果

    String(false)        // 返回 "false"

    String(true)         // 返回 "true"         

//全局方法 String() 可以将日期对象转换为字符串。

    String(new Date())      

//    =========================================================

//    全局方法 Number() 可以将字符串转换为数字。

/*

    字符串包含数字(如 "3.14") 转换为数字 (如 3.14).

    空字符串转换为 0。

    其他的字符串会转换为 NaN (不是个数字)。

*/

    Number("3.14")    // 返回3.14

    Number(" ")       // 返回0

    Number("")        // 返回 0

    Number("99 88")   // 返回 NaN

// 全局方法 Number() 可将布尔值转换为数字。

    Number(false)     // 返回0

    Number(true)      // 返回 1

// 将日期转换为数字 全局方法 Number() 

    d = new Date();

    Number(d)          // 返回 1404568027739

//日期方法 getTime() 也有相同的效果。

    d = new Date();

    d.getTime()        // 返回 1404568027739

上一篇 下一篇

猜你喜欢

热点阅读