发送短信案例

最新推荐文章于 2024-09-30 15:23:15 发布

@@九亿少女的梦

最新推荐文章于 2024-09-30 15:23:15 发布

阅读量440

点赞数 1

分类专栏：简易实操案例文章标签： javascript css 前端

本文链接：https://blog.csdn.net/W_wjinb_B/article/details/122609621

版权

简易实操案例专栏收录该内容

6 篇文章 0 订阅

订阅专栏

老样子，只是部分核心代码，其他样式需要大家自己摸索一下

<body>
<script>
		手机号码：<input type = "number"><botton>发送</botton>
		//按钮点击之后，disable会显示为true。
		//同时按钮里面的内容会发生变化，通过innerHtml改变里面的内容。
		//里面的秒数是有变化的，所以需要用到定时器。
		//定义一个变量在定时器里,不断递减。
		//如果变量为0说明时间到了，那么停止定时器,恢复按钮初始状态。
		var btn = document.querySelector('botton');
		var time = 10;
		btn.document.addEventListener('click' function(){
		btn.disabled = true;
		var timer = setInterval(function(){
		if(time==0){
			//清除定时器和复原按钮。
			clearInterval(timer);
			btn.disabled = false;
			btn.innerHTML ='发送';
			time = 10;}
			else{
			btn.innerHTML = '还剩下'+ time +'秒'；
			time--;}
			}，1000)；


		})

</script>


</body>