|
|
| Regel 31: |
Regel 31: |
| | *[[Muziek en sjit]] | | *[[Muziek en sjit]] |
| | *[http://vuilnisbak.xyz/heeftdonluxemburgalingehaald Heeft Don Luxemburg al ingehaald?] | | *[http://vuilnisbak.xyz/heeftdonluxemburgalingehaald Heeft Don Luxemburg al ingehaald?] |
| − |
| |
| − |
| |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| − | #odometer {
| |
| − | font-size: 64px;
| |
| − | }
| |
| − | </style>
| |
| − | <style>
| |
| − |
| |
| − | .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
| |
| − | display: inline-block;
| |
| − | vertical-align: middle;
| |
| − | *vertical-align: auto;
| |
| − | *zoom: 1;
| |
| − | *display: inline;
| |
| − | position: relative;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
| |
| − | display: inline-block;
| |
| − | vertical-align: middle;
| |
| − | *vertical-align: auto;
| |
| − | *zoom: 1;
| |
| − | *display: inline;
| |
| − | position: relative;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
| |
| − | display: inline-block;
| |
| − | vertical-align: middle;
| |
| − | *vertical-align: auto;
| |
| − | *zoom: 1;
| |
| − | *display: inline;
| |
| − | visibility: hidden;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
| |
| − | text-align: left;
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | bottom: 0;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
| |
| − | display: block;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
| |
| − | display: block;
| |
| − | -webkit-backface-visibility: hidden;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
| |
| − | display: block;
| |
| − | -webkit-transform: translateZ(0);
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
| |
| − | position: absolute;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
| |
| − | -webkit-transition: -webkit-transform 2s;
| |
| − | -moz-transition: -moz-transform 2s;
| |
| − | -ms-transition: -ms-transform 2s;
| |
| − | -o-transition: -o-transform 2s;
| |
| − | transition: transform 2s;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
| |
| − | -webkit-transform: translateY(-100%);
| |
| − | -moz-transform: translateY(-100%);
| |
| − | -ms-transform: translateY(-100%);
| |
| − | -o-transform: translateY(-100%);
| |
| − | transform: translateY(-100%);
| |
| − | }
| |
| − | .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
| |
| − | -webkit-transform: translateY(-100%);
| |
| − | -moz-transform: translateY(-100%);
| |
| − | -ms-transform: translateY(-100%);
| |
| − | -o-transform: translateY(-100%);
| |
| − | transform: translateY(-100%);
| |
| − | }
| |
| − | .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
| |
| − | -webkit-transition: -webkit-transform 2s;
| |
| − | -moz-transition: -moz-transform 2s;
| |
| − | -ms-transition: -ms-transform 2s;
| |
| − | -o-transition: -o-transform 2s;
| |
| − | transition: transform 2s;
| |
| − | -webkit-transform: translateY(0);
| |
| − | -moz-transform: translateY(0);
| |
| − | -ms-transform: translateY(0);
| |
| − | -o-transform: translateY(0);
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − |
| |
| − | .odometer.odometer-auto-theme, .odometer.odometer-theme-default {
| |
| − | font-family: "Helvetica Neue", sans-serif;
| |
| − | line-height: 1.1em;
| |
| − | }
| |
| − | .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | <script>
| |
| − | //$.getJSON('https://www.googleapis.com/youtube/v3/channels?part=statistics&id=UCU0TjDaglN5awRHKY_tThzA&key=AIzaSyA5yomMl6Eg6qV6BhjYBYQtqZTXnoreK0c', function(subs) {
| |
| − | //document.getElementById("odometer").innerHTML = Intl.NumberFormat().format(subs.items[ 0 ].statistics.subscriberCount);
| |
| − | //});
| |
| − | function fix() {
| |
| − | var som = document.getElementById("getal").value;
| |
| − | document.getElementById("odometer").innerHTML = som;
| |
| − | }
| |
| − | </script>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div id="odometer" class="odometer">0</div>
| |
| − | <input id="getal" value="">
| |
| − | <button type="button" onclick="fix()">toepas</button>
| |
| − | </body>
| |
| − | </html>
| |
