html 倒计时弹出框,alert警告框倒计时

5cfe9d74fe215c14e75d9effa81026b2.png

小鸡炖蘑菇炖小鸡

普通页面倒计时会写吗?不会参考:

倒计时效果的实现
计算中。。。

var i = 0;

function TimeTo(dd, nowtstr) {

var t = new Date(dd), //取得指定时间的总毫秒数

n = (new Date(nowtstr)) - (-100 * i), //取得当前毫秒数

c = t - n; //得到时间差

if (c <= 0) {//如果差小于等于0  也就是过期或者正好过期,则推出程序

document.getElementById('timer').innerHTML = '活动已经结束';

clearInterval(window['ttt']); //清除计时器

return; //结束执行

}

var ds = 60 * 60 * 24 * 1000, //一天共多少毫秒

d = parseInt(c / ds), //总毫秒除以一天的毫秒 得到相差的天数

h = parseInt((c - d * ds) / (3600 * 1000)), //然后取完天数之后的余下的毫秒数再除以每小时的毫秒数得到小时

m = parseInt((c - d * ds - h * 3600 * 1000) / (60 * 1000)), //减去天数和小时数的毫秒数剩下的毫秒,再除以每分钟的毫秒数,得到分钟数

s = parseInt((c - d * ds - h * 3600 * 1000 - m * 60 * 1000) / 1000);  //得到最后剩下的毫秒数除以1000 就是秒数,再剩下的毫秒自动忽略即可

document.getElementById('timer').innerHTML = '

 ' + d + ' 天 ' + h + ' 小时 ' + m + ' 分' + s + ' 秒

'; //最后这里将固定格式的字符串 更新到 ID为 timer的 div中

i++;

}

(function () {

window['ttt'] = setInterval(function () {

//                var timestr = "";//这里可以通过后台向前台传递活动截止时间,注意要是"yyyy-MM-dd"这个格式的

//                var nowtstr = "";//同样这里也可以通过后台向前台传递当前时间,注意也要是"yyyy-MM-dd"这个格式的

var timestr = "2013-10-21";//这里也可以自定义"yyyy-MM-dd"这个格式的截至活动时间

var nowtstr = "2013-08-23";//这里也可以自定义"yyyy-MM-dd"这个格式的当前时间

if (timestr != "") {

TimeTo(timestr, nowtstr); //定义倒计时的相差时间,注意格式

}

}, 100); //定义计时器,每隔100毫秒 也就是1秒 计算并更新 div的显示

})();

然后就是怎么实现类似alert弹框倒计时了,写一个div,里面写好倒计时,这个div的样式画成alert的样式,然后先隐藏,设置点击事件,点击时显示div就可以了,时间跑完然后触发关闭就可以了。不一定要用自带的alert实现,各种方法都可以,只要实现效果就可以了。望采纳!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值