计时器

注意

此页为于MomotokCepn内部使用的“组件”页。用于在其他页面中引用。
未经组件作者或工作人员允许，请勿修改此页的内容

计时器需要一定时间加载

基金会的更NB的计时器

+ 代码

function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}
 
function formatTimestamp(timestamp) {
    var date = new Date(timestamp);
    var text = '';
    text += date.getFullYear();
    text += '-';
    if (date.getMonth() < 9) text += '0';
    text += (date.getMonth() + 1);
    text += '-';
    if (date.getDate() < 10) text += '0';
    text += date.getDate();
    text += ' ';
    if (date.getHours() < 10) text += '0';
    text += date.getHours();
    text += ':';
    if (date.getMinutes() < 10) text += '0';
    text += date.getMinutes();
    text += ':';
    if (date.getSeconds() < 10) text += '0';
    text += date.getSeconds();
 
    return text;
};
 
function formatTimeInterval(start, end) {
    var INTERVAL_SECOND = 1000;
    var INTERVAL_MINUTE = 60 * INTERVAL_SECOND;
    var INTERVAL_HOUR = INTERVAL_MINUTE * 60;
    var INTERVAL_DAY = INTERVAL_HOUR * 24;
    var interval = end - start;
 
    var text = '';
    if (interval < 0) {
        text += '-';
        interval *= -1;
    }
    if (interval > INTERVAL_DAY) {
        text += Math.floor(interval / INTERVAL_DAY);
        text += ' d ';
        interval %= INTERVAL_DAY;
    }
    if (interval > INTERVAL_HOUR) {
        text += Math.floor(interval / INTERVAL_HOUR);
        text += ' h ';
        interval %= INTERVAL_HOUR;
    }
    if (interval > INTERVAL_MINUTE) {
        text += Math.floor(interval / INTERVAL_MINUTE);
        text += ' m ';
        interval %= INTERVAL_MINUTE;
    }
 
    text += Math.floor(interval / INTERVAL_SECOND);
    text += ' s';
 
    return text;
};
 
function generateDeletionLink1() {
    var month = $('#gen1Month').val();
    var day = $('#gen1Day').val();
    var year = $('#gen1Year').val();
    var hour = $('#gen1Hour').val();
    var minute = $('#gen1Minute').val();
    var type = $('input:radio[name=type]:checked').val();
    var timestamp = new Date(year, month, day, hour, minute, 0, 0);
    var html = '';
    html += '<div>复制下列代码并将其粘贴至讨论串或页面中:</div>';
    html += '<div>';
    html += '<blockquote><strong>[[iframe http://aelanna.com/Tools/deletion-time.html?timestamp=' + timestamp.getTime() + '&type=' + type + ' style="width: 400px; height: 50px;"]]</strong></blockquote>';
    html += '</div>';
    html += '<div>';
    html += '<iframe src="http://aelanna.com/Tools/deletion-time.html?timestamp=' + timestamp.getTime() + '&type=' + type + '" style="width: 400px; height: 50px;"></iframe>';
    html += '</div>';
    $('#generated').html(html);
}
 
function generateDeletionLink2() {
    var day = $('#gen2Day').val();
    var hour = $('#gen2Hour').val();
    var minute = $('#gen2Minute').val();
    var type = $('input:radio[name=type2]:checked').val();
    var now = new Date();
    var timestamp = new Date(now.getTime() + (day * 24*60*60*1000) + (hour * 60*60*1000) + (minute * 60*1000));
    var html = '';
    html += '<div>复制下列代码并将其粘贴至讨论串或页面中:</div>';
    html += '<div>';
    html += '<blockquote><strong>[[iframe http://aelanna.com/Tools/deletion-time.html?timestamp=' + timestamp.getTime() + '&type=' + type + ' style="width: 400px; height: 50px;"]]</strong></blockquote>';
    html += '</div>';
    html += '<div>';
    html += '<iframe src="http://aelanna.com/Tools/deletion-time.html?timestamp=' + timestamp.getTime() + '&type=' + type + '" style="width: 400px; height: 50px;"></iframe>';
    html += '</div>';
    $('#generated').html(html);
}
 
var timestamp;
var message1;
var message2;
 
function tick() {
    var now = new Date();
    var html = '';
    if (timestamp.getTime() > now.getTime()) {
        html += '<div style="color: red;">' + message1 + ':</div>';
        html += '<div style="font-size: 12pt; font-weight: bold;">';
        html += formatTimeInterval(now.getTime(), timestamp.getTime());
        html += '</div>'
    } else {
        html += '<div style="color: green;">' + message1 + ':</div>';
        html += '<div style="font-size: 12pt; font-weight: bold;">';
        html += formatTimeInterval(timestamp.getTime(), now.getTime());
        html += ' ago</div>'
    }
    $('#allcontent').html(html);
}
 
function initGenerators() {
    var vars = getUrlVars();
    var now = new Date();
    var i;
    var html = '';
    var type = 0;
    switch (vars["type"]) {
        case '1':
            message1 = '此封禁将到期于';
            message2 = '此封禁已经到期';
            type = 1;
        break;
        case '0':
            message1 = '此页面可以被删除';
            message2 = '此页面已经可以被删除';
            type = 2;
        break;
        default:
            message1 = '此计时器将于到期';
            message2 = '此计时器已过期';
    }
    if (vars["timestamp"]) {
        //alert(vars["timestamp"]);
        timestamp = new Date(parseInt(vars["timestamp"]));
        tick();
        setInterval(tick, 1000);
        $('#allcontent').show();
        return;
    }
    html += '<div>';
    html += 'Timer Type: ';
    html += '<input type="radio" name="type" value="0" checked> Deletion Timer &mdash; ';
    html += '<input type="radio" name="type" value="1"> Ban Timer &mdash; ';
    html += '<input type="radio" name="type" value="2"> Generic/Other';
    html += '</div>';
    html += '<div>';
    html += 'Delete at: ';
    html += '<select id="gen1Month" name="month">';
    html += '<option value="0"' + (now.getMonth() == 0 ? ' selected' : '') + '>January</option>';
    html += '<option value="1"' + (now.getMonth() == 1 ? ' selected' : '') + '>February</option>';
    html += '<option value="2"' + (now.getMonth() == 2 ? ' selected' : '') + '>March</option>';
    html += '<option value="3"' + (now.getMonth() == 3 ? ' selected' : '') + '>April</option>';
    html += '<option value="4"' + (now.getMonth() == 4 ? ' selected' : '') + '>May</option>';
    html += '<option value="5"' + (now.getMonth() == 5 ? ' selected' : '') + '>June</option>';
    html += '<option value="6"' + (now.getMonth() == 6 ? ' selected' : '') + '>July</option>';
    html += '<option value="7"' + (now.getMonth() == 7 ? ' selected' : '') + '>August</option>';
    html += '<option value="8"' + (now.getMonth() == 8 ? ' selected' : '') + '>September</option>';
    html += '<option value="9"' + (now.getMonth() == 9 ? ' selected' : '') + '>October</option>';
    html += '<option value="10"' + (now.getMonth() == 10 ? ' selected' : '') + '>November</option>';
    html += '<option value="11"' + (now.getMonth() == 11 ? ' selected' : '') + '>December</option>';
    html += '</select>';
    html += '<select id="gen1Day" name="天数">';
    for (i = 1; i < 32; i ++) {
        html += '<option value="' + i + '"' + (now.getDate() == i ? ' selected' : '') + '>' + i + '</option>';
    }
    html += '</select>';
    html += '<select id="gen1Year" name="年数">';
    for (i = 2010; i < 2016; i ++) {
        html += '<option value="' + i + '"' + (now.getFullYear() == i ? ' selected' : '') + '>' + i + '</option>';
    }
    html += '</select>';
    html += ' at ';
    html += '<select id="gen1Hour" name="小时数">';
    for (i = 0; i < 24; i ++) {
        html += '<option value="' + i + '"' + (now.getHours() == i ? ' selected' : '') + '>' + (i < 10 ? '0' : '') + i + '</option>';
    }
    html += '</select>';
    html += '<select id="gen1Minute" name="分钟数">';
    for (i = 0; i < 60; i ++) {
        html += '<option value="' + i + '"' + (now.getMinutes() == i ? ' selected' : '') + '>' + (i < 10 ? '0' : '') + i + '</option>';
    }
    html += '</select>';
    html += ' <input type="submit" value="计时开始" />';
    html += '</div>';
 
    $("#genForm1Contents").html(html);
    html = '';
    html += '<div>';
    html += 'Timer Type: ';
    html += '<input type="radio" name="type2" value="0" checked> 页面删除倒计时 &mdash; ';
    html += '<input type="radio" name="type2" value="1"> 封禁倒计时 &mdash; ';
    html += '<input type="radio" name="type2" value="2"> 其他倒计时';
    html += '</div>';
    html += '<div>';
    html += 'Delete after: ';
    html += '<select id="gen2Day" name="天数">';
    for (i = 0; i < 31; i ++) {
        html += '<option value="' + i + '">' + i + '</option>';
    }
    html += '</select>';
    html += ' days ';
    html += '<select id="gen2Hour" name="小时数">';
    for (i = 0; i < 24; i ++) {
        html += '<option value="' + i + '">' + i + '</option>';
    }
    html += '</select>';
    html += ' hours ';
    html += '<select id="gen2Minute" name="分钟数">';
    for (i = 0; i < 60; i ++) {
        html += '<option value="' + i + '">' + i + '</option>';
    }
    html += '</select>';
    html += ' minutes ';
    html += '<input type="submit" value="计时开始" />';
    $("#genForm2Contents").html(html);
    $('#allcontent').show();
}