JS小实例-模拟短信发送

最新推荐文章于 2022-04-01 14:18:52 发布
最新推荐文章于 2022-04-01 14:18:52 发布
阅读量1.4k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39178993/article/details/81203617
版权
这是一个HTML和JavaScript小实例，展示了如何用JS实现一个简单的模拟短信对话的功能。当用户点击图片时，会切换发送者的头像；点击发送按钮后，会将输入的内容和当前头像一起添加到对话记录中。
摘要由CSDN通过智能技术生成

 

 

HTML代码：

 

<!DOCTYPE html>

<html>

 

<head>

<meta charset="UTF-8">

<link rel="stylesheet" href="css/index.css">

<link rel="stylesheet" href="css/reset.css">

<title></title>

<style>

p {

margin: 0;

background: #e5e;

word-break: break-all;

}

.fl img {

float: left;

}

.fl p {

float: left;

margin-left: 5px;

line-height: 24px;

max-width: 140px;

}

.fr img {

float: right;

}

.fr p {

float: right;</

最低0.47元/天 解锁文章
姚希瑶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS基础-发送短信案例
qq_43781887的博客
04-28 533
需要实现的效果： 点击发送之后实现倒计时效果： 思路：设置按钮点击事件，然后设置一个定时器，每过1s就重新设置button里面的innerHTML，最后判断为0s的时候就清除定时器，还原button里面的内容为“发送”，完整代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib
js原生发送短信案例
weixin_45730243的博客
12-24 341
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <input .
JavaScript 发送短信小案例
weixin_42856442的博客
09-24 641
非常简单的小案例，核心就是使用setInterval定时器，先定义一个变量，来决定初始化的秒数。当点击发送按钮的时候，就禁止按钮，然后触发定时器，定时器每过一秒调用一次，让秒数变量每次递减，并且修改按钮的文本值。当变量等于0时，就可以重置按钮 HTML代码： <div> <input type="text"> <button type="button">点击发送</button> </div&gt
JS实现发送短信案例
m0_55531470的博客
08-13 1624
案例分析 1、按钮点击之后，会禁用disable为true 2、同时按钮里面的内容会发生变化，注意button里面的内容通过innerHTML修改 3、定义一个变量，在定时器里面不断递减 4、如果变量为0，说明到了事件，我们需要停止定时器，并且复原按钮的初始状态 <body> 手机号码：<input type="text"> <button>点击发送</button> <script> var ...
模拟短信发送
weixin_34356138的博客
08-11 617
关于html代码部分： 关于css： <style type="text/css"> *{ margin: 0px; padding:0px; list-style: none; } s{ text-decoration: none;/*清除超链接默认的下划线...
Java实现发送手机短信实例.docx
10-11
在这个实例中，我们看到的代码是使用聚合数据（Juhe Data）提供的API服务来发送短信的。下面将详细解释这个Java实现的过程及其涉及的关键知识点： 1. **HTTP请求库**： - 在这个例子中，开发人员使用了Java内置的`...
java源码包---java 源码 大量 实例
04-18
　Java数据压缩与传输实例，可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲区、写入数据到文件、关闭输入流、关闭套接字关闭输出流、输出错误信息等Java编程小技巧。 Java数组倒置...
Vue.js实现移动端短信验证码功能
10-20
在本文中，我们将深入探讨如何使用Vue.js框架来实现移动端的短信验证码功能。这个功能通常用于用户注册或登录过程，以验证用户手机号码的有效性，提高安全性。在移动端，短信验证码通常由4位或6位数字组成，用户需...
PHP网站实例开发源码——支点短信通（基于短信猫的web短信平台）.zip
10-25
该平台的核心功能是通过短信猫设备与移动通信网络交互，实现网页端的短信发送和接收。下面我们将详细探讨相关的PHP开发、网站构建以及短信猫技术知识点。 1. **PHP编程基础**：PHP是一种广泛用于服务器端的脚本语言...
Node.js-Cabot一个免费的开源的自我托管的基础设施监控平台
08-10
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，以其非阻塞I/O和事件驱动的特性而闻名，非常适合构建高并发、低延迟的网络应用，如实时监控系统。在Cabot的开发中，Node.js的优势得以充分发挥，使得 Cabot ...
javascript短信发送案例.docx
04-27
基于JavaScript手机短信发送案例，运用计时器，当按钮点下时，按钮被禁止了，然后需要设置时间去倒计时，当时间倒时。按钮又被重新恢复到原来的样子，发送状态，此时按钮倒计时的时间也要设置到原来的时间。
手机通讯模拟器.apk （可定时、真实模拟手机短信的发送，接收，及语音通话，方便找借口脱离应酬）
09-01
可定时、真实模拟手机短信的发送，接收，及语音通话过程，跟真实环境一模一样，方便进行各种测试工作，如你想找借口脱离应酬，只需定时模拟来电，好东东分享，亲测可用，亲测可用！
js-发送短信
qq_41670147的博客
12-02 1075
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
js短信发送案例
RUBGH的博客
10-25 138
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>doc</title> <style> div{ margin: 200px; } span{ display: inline-block; w
JavaScript 发送短信案例
programmer_bobo的博客
03-08 743
通过javascript 实现 发送短信验证码的案例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text"> <button id="btn">点击发送短信</button> </body> </html> <scr
JS基础—模拟手机短信发送
whoops_butterfly的博客
09-26 898
无标题文档 #max{margin:0 auto; width:350px; height:500px; border:5px solid #000;} #content{width:350px; height:435px; border-bottom:2px solid #999; overflow:auto; overflow-x:hidden; position:relative;}
js练习 发送短信案例
xuan971130的博客
04-01 240
1.实现效果： 点击发送后，按钮开始倒计时。同时失去点击功能，倒计时结束后，恢复正常。 2.思想： 3.代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte..
模拟手机短信发送
aaa小二
05-16 1765
事件，条件判断
发送短信（js小案例）
weixin_45773503的博客
05-19 458
按钮点击之后，会禁用 disabled 为 true 同时按钮里面的内容会变化，注意 button 里面的内容通过 innerHTML 修改 里面的秒数是有变化的，因此需要用到定时器 定义一个变量，在定时器里面，不断递减 如果变量为0，我们需要停止定时器，并且复原按钮的初始状态 原本使用的两个定时器（有点冗余了） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值