JQuery事件小案例

本文介绍了如何在HTML页面中利用JavaScript显示当前时间,并通过jQuery实现动态更新。通过body的onload事件结合Date对象获取和格式化时间。同时,提供了一个使用jQuery发布微博的简单案例,强调了反复练习对于提升编程技能的重要性。
摘要由CSDN通过智能技术生成

案例一:

在html页面显示当前的时间:

步骤:

首先给页面视图层body标签添加onload事件(事件会在页面或图像加载完成后立即发生。)如图

第二创建div用于时间显示的样式与位置

接着给它声明变量以及赋值,一个完整的当前时间就显示出来了

可以给它设定更多的样式或者是设置更多的标签:

JavaScript(Date日期/时间对象)参考:

Date

操作日期和时间的对象

Date.getDate()

返回一个月中的某一天

Date.getDay()

返回一周中的某一天

Date.getFullYear()

Date.getHours

返回Date对象的年份的字段

返回Date对象的小时的字段

Date.getMilliseconds()

返回Date对象的毫秒字段

Date.getMinutes()

返回Date对象的分钟字段

Date.getMonth()

返回Date对象的月份字段

Date.getSeconds()

返回Date对象的秒字段

Date.getTime()

返回Date对象的毫秒表示

Date.getTimezoneOffset()

判断与GMT的时间差

Date.getUTCDate()

返回该天时一个月的哪一天(世界时)

Date.getUTCDday()

返回改天是星期几(世界时)

Date.getUTCFullYear()

返回年份(世界时)

Date.getUTCMHours()

返回Date对象的小时字段(世界时)

Date.getUTCMilliseconds()

返回Date对象的毫秒字段(世界时)

Date.getUTCMinutes()

返回Date对象的分钟字段(世界时)

Date.getUTCMonth()

返回Date对象的月份(世界时)

Date.getUTCSeconds()

返回Date对象的秒字段

Date.getYear()

返回Date对象的年份字段

Date.parse()

解析日期/时间字符串

具体JavaScript参考可以百度或者搜索其他网站查找Javascript参考手册

案例二:

利用jquery事件发布微博的小案例,当我看到这个小案例的时候根本不知道怎么写,基础与理解能力不是很强,看着哔哩哔哩黑马前端pink老师的视频经过多次重复的练习,得心应手的学会了如何去写这种类型的案例,果然多敲与理解是能够提高写代码。

代码如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值