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;

HTML5排序罗马数字,HTML5 罗马数字时钟相关推荐

html5之Canvas坐标变换应用-时钟实例
在上一篇中我们了解html5的Canvas ,在这一篇中不用多说,写一个html5的时钟应用程序试手.在这里主要设置了坐标变换的平移(translate)和旋转变换(ratate),以及html5 C ...
html如何添加时钟效果,基于HTML5+CSS3实现简单的时钟效果
目的: 利用html5,css实现钟摆效果知识点: 1) 利用position/left/top和calc()实现元素的水平和垂直居中: 2) 利用CSS3的animation/transform/ ...
html5 桌面时钟,超级实用的html5制作15种数字时钟样式代码
超级实用的html5制作15种数字时钟样式代码查看演示下载资源: 43 次下载资源下载积分: 26 积分基于canvas的15种不同外观时钟js插件 clockd1_={ "ind ...
html5网站粒子时钟,利用HTML5实现SVG多边形粒子时钟动画特效
特效描述:利用HTML5实现 SVG 多边形粒子时钟动画特效.利用HTML5实现SVG多边形粒子时钟动画特效代码结构 1. 引入JS 2. HTML代码 svg { position: ab ...
html制作状态栏数字时钟,超级实用的html5制作15种数字时钟样式代码
超级实用的html5制作15种数字时钟样式代码查看演示下载资源: 43 次下载资源下载积分: 26 积分基于canvas的15种不同外观时钟js插件 clockd1_={ "ind ...
html5 drag this,HTML5拖放(drag和drog)
拖放(drag和drog)是HTML5的标准的组成部分,也是种常见的特性,意义为抓起一个元素放入到另外的一个位置,在HTML5中任何元素都可以被拖放,前题是要相关进行设置. 1.设置元素为可拖放,也就 ...
HTML5视频教程，HTML5项目实战，HTML5中文指南，HTML5使用手册
HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册. 超过2G 的 HTML5 视频教程免费分享,免费下载! 尚硅谷前端HTML5视频_HTML & CSS 核心基 ...
html5怎么转换,HTML5 canvas中的转换方法
转换方法 scale(scalewidth,scaleheight) 缩放当前绘图至更大或更小 scalewidth 缩放当前绘图的宽度 (1=100%, ...
html5在线api,HTML5 历史记录API
HTML5 历史记录API HTML5历史记录API的使用方法,在线实例演示HTML5历史记录API如何使用.浏览器的兼容性.语法定义及它的属性值详细资料等. HTML5历史记录API使您可以通过Ja ...
HTML5的未来 - HTML5 还能走多远？
日期:2013-1-18 来源:GBin1.com 还记得现在就开始使用HTML5的十大原因吗?HTML5目前仍旧是讨论的焦点,在今天的这篇文章中,我们将讨论HTML5可能的未来. HTML5 的问 ...

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

HTML5排序罗马数字,HTML5 罗马数字时钟相关推荐

最新文章

热门文章