html倒计时样式,css3警报灯样式倒计时js特效

js代码

//These functions help add, remove or toggle css classes

function tog_class(id, cl) {

var elem = document.getElementById(id);

if (elem.classList.contains(cl) === true) {

elem.classList.remove(cl);

} else {

elem.classList.add(cl);

}

}

function add_class(id, cl) {

var elem = document.getElementById(id);

if (elem.classList.contains(cl) !== true) {

elem.classList.add(cl);

}

}

function rem_class(id, cl) {

var elem = document.getElementById(id);

if (elem.classList.contains(cl) === true) {

elem.classList.remove(cl);

}

}

//This function gets the date and does operations using H/M/S

function startTime() {

var today = new Date();

var h = today.getHours();

var m = today.getMinutes();

var s = today.getSeconds();

var h1 = (h - h % 10) / 10;

var h2 = h % 10;

var m1 = (m - m % 10) / 10;

var m2 = m % 10;

var s1 = (s - s % 10) / 10;

var s2 = s % 10;

set_nix_class("s1", s1);

set_nix_class("s2", s2);

set_nix_class("m1", m1);

set_nix_class("m2", m2);

set_nix_class("h1", h1);

set_nix_class("h2", h2);

var t = setTimeout(startTime, 500);

}

//This function calls the appropriate class changes

function set_nix_class(target, val) {

for (i = 0; i < 10; i++) {

if (i != val) {

rem_class("nix_" + target + "_" + i, "nix_open");

}

}

add_class("nix_" + target + "_" + val, "nix_open");

}