HTML5排序罗马数字,HTML5 罗马数字时钟

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

'use strict';

var hours = document.getElementById('h');

var minutes = document.getElementById('m');

var seconds = document.getElementById('s');

function toRomanNumeral(number) {

var roman = {

L: 50,

XL: 40,

X: 10,

IX: 9,

V: 5,

IV: 4,

I: 1

};

var result = '';

if (number === 0) {

return 0;

}

while (number > 0) {

for (var i in roman) {

if (roman[i] <= number) {

result += i;

number -= roman[i];

break;

}

}

}

return result;

}

function time() {

var d = new Date();

var h = toRomanNumeral(d.getHours());

var m = toRomanNumeral(d.getMinutes());

var s = toRomanNumeral(d.getSeconds());

hours.innerHTML = h;

minutes.innerHTML = m;

seconds.innerHTML = s;

setTimeout(function() {

time();

}, 1000);

}

window.onload = time;