Bis zu einer bestimmten Zahl hochzählen
Hallo zusammen,
für die Homepage unseres Vereins suche ich die Möglichkeit bin zu einer Zahl hochzuzählen. Es geht darum darzustellen, wie viele Personen sich für eine Veranstaltung angemeldet haben.
Die Anmeldezahl bekommen wir von einem externen Anbieter, der die Anmeldungen abwickelt. Er übergibt uns diese Zahl über seine API als URL. Mit der php-Funktion file_get_contents bekomme ich die Zahl auch ausgegeben.
Kann mir jemand helfen, wie ich das Hochzähl-Javascript mit der php-Funktion kombiniere und bis zu der Zahl aus der Variable $anmeldungen hochzähle?
Kommentar abgeben zu diesen Beitrag/Code ?<?php$anmeldungen = file_get_contents('https://api.raceresult.com/132677/2LOCB05PVRFATRGW2L3Y9V6B3Z6NB1SE');echo $anmeldungen;?>
Dann hier klicken
Der hier verwendete Code
<style>
.sprocket-tables-item {border: 1px solid #ededed;}
.sprocket-tables-cell {border-bottom: 1px solid #ededed;}
.sprocket-tables-bg1 {background: #fdfdfd;}
.sprocket-tables-bg2 {background: #f0f0f0;}
.sprocket-tables-link .readon {background: #888;color: #fff;}
.sprocket-tables-link .readon:hover {background: #333;}
.sprocket-tables-pagination li {background: #000;color: #fff;}
.sprocket-tables-arrows .arrow {background: #ccc;color: #222;border-color: #303030;}
/* Sprocket Tables - Core */
.sprocket-tables {position: relative;}
.sprocket-tables:after {display: table;content: "";*zoom: 1;clear: both;}
.sprocket-tables-container {list-style: none !important;overflow: hidden;padding: 0;margin: 0 -1%;}
.sprocket-tables-container:before, .sprocket-tables-container:after {content: "";display: table;line-height: 0;}
/* Sprocket Tables - Items */
.sprocket-tables-item {background-size: cover;border-radius: 2px;}
.sprocket-tables-title {margin-top: 0;font-size: 1.8em;}
.sprocket-tables-text {display: block;}
.sprocket-tables-block {display: inline-block;vertical-align: top;margin: 1% -4px 1% 0;text-align: center;box-sizing: border-box;padding: 0 1%;}
.cols-1 .sprocket-tables-block {width: 100%;}
.cols-2 .sprocket-tables-block {width: 50%;}
.cols-3 .sprocket-tables-block {width: 33.33%;}
.cols-4 .sprocket-tables-block {width: 25%;}
.cols-5 .sprocket-tables-block {width: 20%;}
.cols-6 .sprocket-tables-block {width: 16.6667%;}
.sprocket-tables-cell {display: block;padding: 15px;}
.sprocket-tables-cell:last-child {border-bottom: 0;}
.sprocket-tables-price {font-size: 2.2em;font-weight: bold;padding: 20px 15px;}
.sprocket-tables-feature {font-size: 1.1em;}
.sprocket-tables-link .readon {padding: 6px 10px;border-radius: 4px;}
@media (min-width: 481px) and (max-width: 767px) {
.sprocket-tables-container .sprocket-tables-block {width: 50%;}
}