案例一:
在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老师的视频经过多次重复的练习,得心应手的学会了如何去写这种类型的案例,果然多敲与理解是能够提高写代码。
代码如下: