html5+css3進度條倒計時動畫特效代碼【推薦】
發(fā)布時間：2016-03-08 16:16:39 作者：佚名 
我要評論
我要評論下面小編就為大家分享一篇html5+css3進度條倒計時動畫特效代碼【推薦】。希望對大家有所幫助。一起跟隨小編過來看看吧
html5+css3進度條倒計時動畫特效這個作品在今天上網找網絡資源的時候無意中發(fā)現的，看到效果非常棒并且很實用，就第一時間把它整理出來與大家分享了，主要用到了html5、javascript和css3技術，用到了svg、circle、text。。。
核心代碼如下
復制代碼
代碼如下:function alertSet(e) {
document.getElementById("js-alert-box").style.display = "block",
document.getElementById("js-alert-head").innerHTML = e;
var t = 10,
n = document.getElementById("js-sec-circle");
document.getElementById("js-sec-text").innerHTML = t,
setInterval(function() {
if (0 == t){
location.href="http://chabaoo.cn";
}else {
t -= 1,
document.getElementById("js-sec-text").innerHTML = t;
var e = Math.round(t / 10 * 735);
n.style.strokeDashoffset = e - 735
}
},
970);
效果如下：
以上這篇html5+css3進度條倒計時動畫特效代碼【推薦】就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
html5帶音樂背景的圣誕節(jié)倒計時頁面代碼，代碼簡單易懂，喜歡的朋友快來下載吧2020-12-21
這是一款簡單的基于HTML5 time元素的倒計時jquery插件。提供默認的翻牌樣式，共有三種倒計時效果，歡迎下載2016-12-26
HTML5 3D動畫特效是一個基于Canva 的倒計時爆炸效果，隨著時間的走動，時間數字傍邊就會有爆炸的特效，歡迎下載2016-12-19
基于Html5+Canvas實現2016年七夕情人節(jié)倒計時特效源碼
基于Html5+Canvas實現2016年七夕情人節(jié)倒計時特效源碼是一款基于html5 canvas實現的粒子效果倒計時代碼下載。本段代碼適應于所有網頁使用，有需要的朋友可以直接下載使用2016-08-09
基于HTML5 canvas圓形倒計時器jQuery插件源碼 多款效果
本代碼是一款基于html5 canvas的圓形倒計時器jQuery插件。它可以使你非常輕松的創(chuàng)建圓形的倒計時器。該jQuery倒計時器插件有12種themes2015-11-03
2021年即將到來，此源碼頁為單html純代碼，新年倒計時，背景雪花飄落效果，倒計時時間日期在JS/app.js文件第21行代碼自行修改即可，喜歡的朋友快來下載源碼吧2021-01-25
