分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

js_外部对象——发送消息例子

发布时间:2023-09-06 01:15责任编辑:苏小强关键词:js

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>邮件发送</title>
<script type="text/javascript">
?var id;
?var p;
?//发送
?function send() {
//若id非空则定时器已启动过,那么就不要再启动了
?if(id){
return;
}
//显示正在发送
p=document.getElementById("msg");
p.innerHTML="正在发送";
//推迟3秒显示已发送
id=setTimeout(function(){
p.innerHTML="已发送";
id=null;
}, 3000)
}
?//撤销
?function cancel() {
?//id非空时,表示定时器已启动才可以撤销
???if(id){
?//显示为已撤销
?p=document.getElementById("msg");
?p.innerHTML="已撤销"
?clearTimeout(id);
?//为了下次可以启动,要清空id;
?id=null;
?}
}
</script>
</head>
<body>
??<p>
???<input type="button" value="发送"
???onclick="send();">
???<input type="button" value="撤销"
???onclick="cancel();">
??</p>
??<p id="msg"></p>
</body>
</html>

js_外部对象——发送消息例子

原文地址:http://www.cnblogs.com/Bighua123/p/7634324.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved