此文是根据已读未读来进行设置定时
如果该通知已读,进入页面不需要定时就可以进行回复。
如果该通知未读,进入页面30s之后才能提交回复。
1.html页面部分
<div class="layui-form-item" id="replySubmit"> <button class="layui-btn" data-type="text" id="fileNotifyReplySubmit" type="button">提交回复</button> <!--用来存放倒计时长--> <span style="color:red;" id="countDown"></span> </div>
2.js部分
<script> //进入页面就进行加载 window.onload = setReplyTime(); function setReplyTime(){ //如果是已读状态就不再执行此方法,如果是未读状态才会去定时 if([[${status == 0}]]){ //未读状态 layui.use(['util','layer'], function(){ var util = layui.util; var layer = layui.layer; layer.msg('进入页面30s之后才可进行回复!'); //倒计时 var endTime = new Date().getTime()+30000 ,serverTime = new Date().getTime(); util.countdown(endTime, serverTime, function(date,serverTime,timer){ var str = date[3]; if(str == 0){ //为倒计时容器赋值 $("#countDown").text(''); //解除按钮禁用状态 $("#fileNotifyReplySubmit").removeClass("layui-btn-disabled"); $("#fileNotifyReplySubmit").attr("disabled", false); }else{ //设置按钮禁用状态 $("#fileNotifyReplySubmit").addClass("layui-btn-disabled"); $("#fileNotifyReplySubmit").attr("disabled", true); $("#countDown").text(str); } }); }); } } </script>