显示弱提示。可选择多少秒之后消失。可直接传入一个字符串作为 OPTION.content 参数。
| 名称 | 类型 | 必填 | 描述 |
|---|---|---|---|
| content | String | 是 | 文字内容 |
| type | String | 否 | toast 类型，展示相应图标，默认 none，支持 success / fail / exception / none’。其中 exception 类型必须传文字信息 |
| duration | Number | 否 | 显示时长，单位为 ms，默认 2000 |
toast消失后调用
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>
<h2>点击以下按钮查看不同效果</h2>
<button class="toast-btn btn btn-default">success</button>
<button class="toast-btn btn btn-default">fail</button>
<button class="toast-btn btn btn-default">exception</button>
<button class="toast-btn btn btn-default">none</button>
<button id="J_btn" class="btn btn-default">展示3秒并执行回调</button>
<script>
var btns = document.querySelectorAll('.toast-btn');
var btn = document.querySelector('#J_btn');
var contents = {
success: '操作成功',
fail: '系统繁忙',
exception: '网络异常',
none: '忙不过来了，客官请稍候'
};
[].forEach.call(btns, function(btn){
btn.addEventListener('click', function(){
var type = this.innerHTML;
ap.showToast({
content: contents[type],
type: type
});
});
});
btn.addEventListener('click', function(){
ap.showToast({
content: '请稍候···',
duration: 3000
}, function(){
ap.alert('toast消失了');
});
});
</script>