用jQuery写发微博

要求

1、点击发出的“微博”有发送的时间，年月日时分秒
2、最新发出的“微博放在第一条”
3、有删除“微博”功能

1、html代码

         <h2>我的微博</h2><textarea name="" id="txt" cols="70" rows="6"></textarea><button id="btn">发布</button><ul id="list"></ul>

css代码

     body{background: #f2f2f2f2;}h2{ display: block;margin: 0 auto;text-align: center;}#txt{display: block;margin: 0 auto;margin-top: 30px;}p{word-break: break-all;margin: 0;}#btn{width: 60px;height: 30px;display: block;margin-left: 650px;margin-top: 10px;background: antiquewhite;/*border-radius: 10px;*//*box-shadow: none;*/}#con{width: 500px;height:100px;border: 1px solid #999999;margin: 0 auto;}#list{width: 530px;/*height: 100px;*/margin: 0 auto;list-style: none;}#list li{width: 530px;min-height: 100px;   background:white;   border: 1px solid #999999;      list-style: none;position: relative;padding:5px 5px 20px 5px;box-sizing: border-box;margin-top: 10px;}.dli{position: absolute;right: 10px;bottom: 0;}.time{position: absolute;bottom: 0;color: #999999;}

3、js的代码

$('#btn').click(function(){var text1=$('#txt').val();//点击后清空文本域内容$('#txt').val("");if(text1==""){alert("请输入内容！")}else{var date=new Date();var y=date.getFullYear();var m=date.getMonth();var d=date.getDate();var h=date.getHours();var min=date.getMinutes();var s=date.getSeconds();var time=y+'-'+m+'-'+d+' '+h+':'+min+':'+s;                                      var a=`<li><p>${text1}</p><span class="time">${time}</span><button class="dli" onclick="del(this)">删除</button></li>`;$('#list').prepend(a);}  })                  function del(a){a.parentNode.parentNode.removeChild(a.parentNode);}

分析js代码

1、如何拿到时间

                     var date=new Date();//拿到系统时间var y=date.getFullYear();//从系统时间中拿到年分var m=date.getMonth();//取得月份var d=date.getDate();//取得日var h=date.getHours();//小时var min=date.getMinutes();//分钟var s=date.getSeconds();//秒

2、将内容加到微博主题上

var a=`<li><p>${text1}</p><span class="time">${time}</span><button class="dli" onclick="del(this)">删除</button></li>`;
$('#list').prepend(a);

用模板字符串写微博
a.prepend(b)是指将b放到a的最前面

用jQuery写发微博相关推荐

用python写了个脚本，大V发微博实时提醒（wu2198为例）（附下载）
有些大V的微博,真的是一秒钟都不想错过.想要实时掌握动态,但是又不想一直盯着微博,一直F5.所以,我就写了个脚本解决这个问题. 用python 写了一个脚本,大V发微博可以实时提醒,再也不会遗漏大V的 ...
php表单数据提交到本业,PHP_PHP+Mysql+jQuery实现发布微博程序 php篇，先还是要说明本例的业务流程 - phpStudy...
PHP+Mysql+jQuery实现发布微博程序 php篇先还是要说明本例的业务流程: 1.前端用户输入内容,并对输入的内容字数进行实时统计. 2.用户提交数据,jQuery实现通过Ajax向后台发 ...
实现一个简易版的微博，包含 client 和 server 两部分，并实现四个基础功能：关注、取关、发微博、获取用户微博列表
const assert = require('assert'); const question = '实现一个简易版的微博,包含 client 和 server 两部分,并实现四个基础功能:关注.取 ...
基于Redis的用户发微博
基于Redis的用户发微博一.用户发微博业务场景分析二.用户发微博的redis技术方案三.SpringBoot+Redis 实现用户发微博步骤1:创建content表 CREATE TABLE ...
Java调用新浪微博API 接口发微博（包含js微博组件、springMVC新浪登录）详解
参考自:http://www.myexception.cn/program/1930025.html https://blog.csdn.net/qq_36580777/article/details ...
python 微博自动点赞_用 Python 自动定时发微博
其实小帅b已经挺久没有玩微博了,记得上次玩微博还是为了给周杰伦打榜,不过最近心血来潮,觉得俺的微博账号躺着也是躺着,要不就用 Python 做一个自动定时发微博的机器人,让它在上面飘一会. 怎么个飘 ...
python 自动发微博_用 Python 自动定时发微博
原标题:用 Python 自动定时发微博其实小帅b已经挺久没有玩微博了,记得上次玩微博还是为了给周杰伦打榜,不过最近心血来潮,觉得俺的微博账号躺着也是躺着,要不就用 Python 做一个自动定时发微 ...
用python定时自动发微博_用python自动发微博
--刚刚全部写完了点发布--结果什么都没保存--内心好忧伤. 终极目标是用raspberry pi + camera 捕捉画面,处理图像识别图中有我家主子(猫), 然后自动capture图像,发微博. ...
pythonurllib新浪微博_Python代码登录新浪微博并自动发微博
前言对于很少玩微博@張行之_的我来说,微博内容少的可怜.所以本人就想:能不能写个成功程序来帮我发微博.这个程序要满足以下要求: 自动化,自动登录微博,自动发微博. 微博内容要有意义,不能是随机生成的 ...

用jQuery写发微博

要求

1、html代码

css代码

3、js的代码

分析js代码

1、如何拿到时间

2、将内容加到微博主题上

用jQuery写发微博相关推荐

最新文章

热门文章