代码获取历史上的今天发生的事

所属分类: 网络编程 / JavaScript 阅读数: 1083
收藏 0 赞 0 分享

历史上的今天json接口 ,分享给大家,数据来源于wiki

复制代码 代码如下:

//http://history.sturgeon.mopaas.com //主页
//http://history.sturgeon.mopaas.com/jsonp?callback=?  //jsonp接口
//http://history.sturgeon.mopaas.com/jsonp  //json接口
//http://history.sturgeon.mopaas.com/jsonp/1@1 //历史上的1月1日
//http://history.sturgeon.mopaas.com/1@1  //历史上的1月1日

$.getJSON('http://history.sturgeon.mopaas.com/jsonp?callback=?',function(data){
 parserTodayObj(data);
});
function parserTodayObj(todayObj){
 for(var key in todayObj){
  if(/^.*出生.*$/.test(key)){
   doBirthday(todayObj[key]);
  }
  if(/^.*假日.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*风俗.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*逝世.*$/.test(key)){
   doDeath(todayObj[key]);
  }
  if(/^.*事记.*$/.test(key)){
   doMemorabilia(todayObj[key]);
  }
 } 
}

parserTodayObj(todayObj);

function doBirthday(birthdays){
 if(birthdays.length != 0){

  $(document.body).append("<h3>出生</h3>");
  for (var i = 0; i < birthdays.length; i++) {
   var birthdayitem = birthdays[i];
   $(document.body).append("<p>"+birthdayitem+"</p>");
  };
 }
}

function doHoliday(holidays){
 if(holidays.length != 0){

  $(document.body).append("<h3>节日</h3>");
  for (var i = 0; i < holidays.length; i++) {
   var item = holidays[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doDeath(deaths){
 if(deaths.length != 0){

  $(document.body).append("<h3>逝世</h3>");
  for (var i = 0; i < deaths.length; i++) {
   var item = deaths[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doMemorabilia(memorabilias){
 if(memorabilias.length != 0){

  $(document.body).append("<h3>重大事件</h3>");
  for (var i = 0; i < memorabilias.length; i++) {
   var item = memorabilias[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

复制代码 代码如下:

//http://history.sturgeon.mopaas.com //主页
//http://history.sturgeon.mopaas.com/jsonp?callback=?  //jsonp接口
//http://history.sturgeon.mopaas.com/jsonp  //json接口
//http://history.sturgeon.mopaas.com/jsonp/1@1 //历史上的1月1日
//http://history.sturgeon.mopaas.com/1@1  //历史上的1月1日

$.getJSON('http://history.sturgeon.mopaas.com/jsonp?callback=?',function(data){
 parserTodayObj(data);
});
function parserTodayObj(todayObj){
 for(var key in todayObj){
  if(/^.*出生.*$/.test(key)){
   doBirthday(todayObj[key]);
  }
  if(/^.*假日.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*风俗.*$/.test(key)){
   doHoliday(todayObj[key]);
  }
  if(/^.*逝世.*$/.test(key)){
   doDeath(todayObj[key]);
  }
  if(/^.*事记.*$/.test(key)){
   doMemorabilia(todayObj[key]);
  }
 } 
}

parserTodayObj(todayObj);

function doBirthday(birthdays){
 if(birthdays.length != 0){

  $(document.body).append("<h3>出生</h3>");
  for (var i = 0; i < birthdays.length; i++) {
   var birthdayitem = birthdays[i];
   $(document.body).append("<p>"+birthdayitem+"</p>");
  };
 }
}

function doHoliday(holidays){
 if(holidays.length != 0){

  $(document.body).append("<h3>节日</h3>");
  for (var i = 0; i < holidays.length; i++) {
   var item = holidays[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doDeath(deaths){
 if(deaths.length != 0){

  $(document.body).append("<h3>逝世</h3>");
  for (var i = 0; i < deaths.length; i++) {
   var item = deaths[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

function doMemorabilia(memorabilias){
 if(memorabilias.length != 0){

  $(document.body).append("<h3>重大事件</h3>");
  for (var i = 0; i < memorabilias.length; i++) {
   var item = memorabilias[i];
   $(document.body).append("<p>"+item+"</p>");
  };
 }
}

更多精彩内容其他人还在看

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多