js复习：函数，js事件， 日期new Date()

最新推荐文章于 2023-04-24 15:16:38 发布
最新推荐文章于 2023-04-24 15:16:38 发布
阅读量686 收藏
点赞数
分类专栏： html,css,js基础知识 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51813155/article/details/121220580
版权

js复习：

1.JavaScript 函数定义，使用

是被设计为执行特定任务的代码块。
JavaScript 函数会在某代码调用它时被执行。

JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。

定义函数：
function app{ 内容 };//函数名：app
使用函数
app();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    


    <script>
var index=0;

app();/*  使用函数   */

        function app(){

index++;
console.log(index);



        }
    </script>
</body>
</html>

效果图：在控制台输出了：1
在这里插入图片描述

函数返回
当 JavaScript 到达 return 语句，函数将停止执行。
return 0; 结束了函数，不执行下面语句
在这里插入图片描述

2.js事件：onclick

鼠标点击 元素： onclick
mouse:鼠标 over: 移到 out:移走
onmouseover:
onmouxeout:
onkeydowm 按下键盘
在这里插入图片描述
写法：
div.οnclick=function(){
console.log(“我是谁”);

}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>


<style>

    div{

        width: 300px;
        height: 300px;background-color: pink;
    }
</style>
<body>
    







<div></div>


    <script>
        var div=document.querySelector("div");

var index=0;




div.οnclick=function(){


console.log("我是谁");



}
app();/*  使用函数   */

        function app(){

index++;
return 0;
console.log(index);



        }
    </script>
</body>
</html>

效果图：
点击div: 触发函数启动
在这里插入图片描述

3.JavaScript 日期：

new Date() 用当前日期和时间创建新的日期对象：

var date=new Date(); //获取当前时间(全部) :年、月、日、小时、分钟、秒和毫秒:Nov 09 2021 16:57:54

var da=new Date(2021,11,9,17);// 输出： Dec 09 2021 17:00:00

new Date(year, month, …) 用指定日期和时间创建新的日期对象。
7个数字分别指定年、月、日、小时、分钟、秒和毫秒（按此顺序）
3 个数字指定年、月和日：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    


    <script>



 var date=new Date(); /*获取当前时间*/



 var da=new Date(2021,11,9,17);

console.log(date);/* Tue Nov 09 2021 16:57:54 GMT+0800 (中国标准时间) */
    console.log(da);/*输出：Thu Dec 09 2021 17:00:00 GMT+0800 (中国标准时间) ，dec :11*/





    </script>
</body>
</html>

结果：
在这里插入图片描述

日期获取方法：

在这里插入图片描述
var date=new Date();
date.getHours() //获取这个时间的：小时数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    


    <script>



 var date=new Date(); /*获取当前时间*/



 var da=new Date(2021,11,9,17);

console.log(date);/* Tue Nov 09 2021 16:57:54 GMT+0800 (中国标准时间) */
    console.log(da);/*输出：Thu Dec 09 2021 17:00:00 GMT+0800 (中国标准时间) ，dec :11*/

console.log(date.getMilliseconds());

console.log(da.getMonth());
console.log(date.getHours());/*获取当前时间的小时数*/



    </script>
</body>
</html>

结果：
在这里插入图片描述

半浮名
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js Date对象
亮星空
06-03 3131
Date 对象用于处理日期和时间。创建 Date 对象的语法：var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下５种：      new Date("month dd,yyyy hh:mm:ss");   new Date("month dd,yyyy");   new Date(yyyy,mth,dd,hh,mm,ss);   new...
JavaScript 复习
11-21
Date对象可以通过new Date()创建，可以接受日期字符串作为参数。 HTML属性如innerHTML可以获取或设置元素的HTML内容，document.getElementById()方法用于获取具有特定ID的元素。JavaScript中常见的定时函数有...
javascript时间处理函数
老张的哲学
11-09 1323
  当前时间： var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; 返回的是毫秒，后三位为0 var timestamp = (new Date()).valueOf(); var timestamp=new Date().getTime(); 返回的是毫秒，精确到毫秒   时间转时间戳 v...
new Date 时间的常用方法，点赞收藏，很多你不知道
最新发布
Wancc123的博客
04-24 4187
toISOString() - 将当前日期转换为ISO格式的字符串，格式为"yyyy-MM-ddTHH:mm:ss.sssZ"toJSON() - 将当前日期转换为JSON格式的字符串，格式为"yyyy-MM-ddTHH:mm:ss.sssZ"toString() - 将当前日期转换为字符串，格式为"星期 月 日 年 HH:mm:ss 时区"toTimeString() - 将当前时间转换为字符串，格式为"HH:mm:ss 时区"toUTCString() - 将当前日期转换为UTC时间格式的字符串。
JavaScript中常用的事件Date对象的处理方法-菜鸟教程
JackieDYH的博客
06-04 503
Date 对象 Date 对象用于处理日期与时间。 创建 Date 对象：new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date(); var d = new Date(milliseconds); var d = new Date(dateString); var d = new Date(year, month, day, hours, minutes, seconds, milliseconds); 更完整的日期与实际教程请参照JavaScr..
Date相关
03-14 183
处理时间是常见的需求，总结下Date类的相关知识 构建时间对象 Date 对象基于1970年1月1日（世界标准时间）起的毫秒数。 构建对象实例有多种方式: 不传入参数，默认以系统当前时间返回一个时间对象.new Date(); new Date(); // Wed Mar 13 2019 10:49:28 GMT+0800 (中国标准时间) 返回的是一个对象实例，...
(完整版)js复习题库答案(2).docx
11-26
在这个完整的 JS 复习题库中，我们看到了一系列的选择题，涵盖了变量声明、运算符、DOM 操作、事件处理、正则表达式、定时器以及日期处理等多个核心知识点。 1. 变量命名规则：变量名不能以数字开头，因此选项 B `2...
(完整版)js复习题库答案(1).docx
11-26
16. 输出当前日期：`console.log(new Date().toLocaleDateString())`可以输出当前日期，答案是C。 17. 复选框（checkbox）：要选中复选框，需设置其`checked`属性为`true`，答案是B。 以上内容涵盖了JavaScript的...
m512-countdown:npm软件包，在对象数组中包含递减计数计算，由输入的日期返回
05-03
let endDate = new Date('2023-12-31T23:59:59'); // 设定结束日期 let result = countdown(endDate); // 执行倒计时计算 console.log(result); ``` `countdown`函数会返回一个对象，其中包含了天数、小时数、分钟...
javascript新手语法小结
10-30
`和`alert(new Date());`分别用于弹出文字和当前日期时间。 接着，我们看到`for`循环的使用，这是一个非常基础且重要的控制流结构。下面的例子展示了如何用`for`循环生成1到100的数字序列并将其连接成一个字符串： ...
js中获取时间new date()的用法.txt
06-06
js中获取时间new date()的用法
js new Date()格式化日期年月日
m0_46459427的博客
11-28 3万+
初始化日期年月日 var arr = new Array(); // 创建一个数组对象 var obj = new Object(); // 创建了一个对象实例 // 1. 使用Date 如果没有参数 返回当前系统的当前时间 var date = new Date(); console.log(date);//Sat Nov 28 2020 20:41:46 GMT+0800 (中国标准时间) // 2. 参数常用
new Date()
weixin_62790313的博客
08-21 279
new Date() 的比较基础的一些方法的理解和使用
js中获取时间new Date()详细介绍
热门推荐
adobe1992
04-13 7万+
1、var myDate = new Date(); Date() 返回当日的日期和时间。 getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 ge
js中new Date（）只取日期或者只取时间值以及在原有日期向后推10天
懿小诺的博客
09-26 2万+
var a = new Date(2017, 8, 26, 23, 55, 32); var b = new Date(); if (比較a和b的年月日相同時) { console.log('日期相等'); } 首先分析题目，a的值应该是date类型的日期： a的值 b的值也是： b的值 而ab的值都带有时间，非题目
js Date 获取 年 月 日 具体的值
轻风细雨_林木木
04-05 2万+
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星
laydate.js绑定点击事件和日期格式化
博客内容均实战过
09-20 1万+
fucntionreslutData(){ alert("您触发了回调"); }
如何创建日期对象
weixin_55711841的博客
07-15 2035
1.创建日期对象:通过new Date()创建 2.创建日期对象 Date带参数，参数是字符串时间，把参数转成对象格式 3.创建日期字符串 4.Date是js内置对象 5.把日期字符串转成时间ms数 6 如何把ms转成日期对象 把d1=1657527277662转成年月日 7 把日期对象转成字符串...
Javascript考试题目选择题.doc
12-02
11. 日期处理：题目11提到，产生当前日期的方法是`new Date()`（C），`Date`是构造函数，`new`关键字用于创建对象。 12. 动态改变网页内容：题目12暗示，可以通过JavaScript动态修改网页内容，例如使用`innerHTML`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

半浮名

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值