几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
在开发过程中,使用JavaScript获取的时间和平时所看到的时间格式是不一样的,为了能显示给用户看到常用的时间,需要使用JavaScript把时间格式转换为常用的时间格式。JavaScript提供了一个获取当前年、月、日的方法,只需要通过JavaScript方法获取时间,然后把时间组合为想要的时间格式,在返回即可。
JavaScript代码:
function formatDate(date){ //设置时间转换格式
var y = date.getFullYear(); //获取年
var m = date.getMonth() 1; //获取月
m = m 10 ? '0' m : m; //判断月是否大于10
var d = date.getDate(); //获取日
d = d 10 ? ('0' d) : d; //判断日期是否大10
return y '-' m '-' d; //返回时间格式
}
打开html开发工具,新建一个html代码页面,然后创建一个script>标签用于编写时间格式函数。
获取当前时间。在scirpt>标签里面,使用new Date()获取当前时间,然后创建一个函数为formatDate(),在formatDate里使用getFullYear()方法获取当前年份。
代码:
var time = new Date(); //获取时间
function formatDate(date){ //设置时间转换格式
var y = date.getFullYear(); //获取年
}
使用getMonth()方法获取当前月份,并判断月份是否大于10。(
注意:getMonth()获取的月份默认从0开始,所以需要先加上1再判断)
代码:
var m = date.getMonth() 1; //获取月
m = m 10 ? '0' m : m; //判断月是否大于10
获取当前日期,同时判断日期是否大于10。
代码:
var d = date.getDate(); //获取日
d = d 10 ? ('0' d) : d; //判断日期是否大10
返回时间格式。在formatDate函数中使用return 返回需要的时间格式。
代码:
return y '-' m '-' d; //返回时间格式
调用formatDate函数,使用document.write()打印出时间格式。
代码:document.write(formatDate(time))
保存html代码,然后使用浏览器打开,即可在浏览器页面上看到写好的时间格式。
所有代码。可以直接复制所有代码,到新建html页面粘贴保存后即可看到效果。
所有代码:
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>Document/title>
script type="text/javascript">
var time = new Date(); //获取时间
function formatDate(date){ //设置时间转换格式
var y = date.getFullYear(); //获取年
var m = date.getMonth() 1; //获取月
m = m 10 ? '0' m : m; //判断月是否大于10
var d = date.getDate(); //获取日
d = d 10 ? ('0' d) : d; //判断日期是否大10
return y '-' m '-' d; //返回时间格式
}
document.write(formatDate(time))
/script>
/head>
body>
/body>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: JAVASCRIPT
相关文章
几种实用的JavaScript鼠标特效,在我们平时网页设计中,鼠标特效可以说是常常会用到,那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效,希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
如何开始学习javascript,html是网页的内容,c是网页的格式,h是网站的后台,j是网站的前端,那么如何学习j,才能高效?......
2023-03-17 256 JAVASCRIPT