Главная » Javascript » JQUERY

Информер коронавируса COVID-19

15.05.2020, 13:28

Скрипт разместить в "нижняя часть сайта" перед body, страну в скрипте замените на свою. Информер обновляется автоматически два раза в сутки.

Код
<script>//by sentimo https://css-html.do.am/ //
  $(function(){
  $.getJSON('https://api.covid19api.com/summary', function(data){
  var items = [];
  for (var i = 0; i < 200; i++) {
  if(data.Countries[i].Country == "Ukraine")break;}
  $.each(data.Countries[i], function(key, val){
items.push('<li id="' + key + '">' + key + ' - ' + val + '</li>');
  });
  $('<ul/>', {
  'class': 'my-new-list',
  html: items.join('')
  }).appendTo('.covid');
  });
  });
</script>


Там где хотите видеть информер пропишите это

Код
<div class="covid"></div>


стили пропишите сами.
Пример работы информера тут...

Категория: JQUERY | Добавил: Sentimo [Написать автору]
Просмотров: 117 |Рейтинг: 0.0/0
Всего комментариев: 0
avatar