配列から URL を取得し、それらを次々と iframe に配置するスクリプトがあります。
<script type="text/javascript">
$(document).ready(function () {
var array = ['http://www.example1.come', 'http://www.example2.com', 'http://www.example3.com'];
var beforeLoad = (new Date()).getTime();
var loadTimes = [];
$('#1').on('load', function () {
loadTimes.push((new Date()).getTime());
$('#1').attr('src', array.pop());
if (array.length === 0) {
$.each(loadTimes, function (index, value) {
$("#loadingtime" + index).html(value - beforeLoad);
});
}
}).attr('src', array.pop());
});
</script>
私の問題は、「google.com」や「youtube.com」のような URL を入力すると、ロードされないため、他のソースがスタックしてロードされないことです。google.com をソースとして iframe に入れようとすると、Chrome コンソール モードで次のエラーが発生します。Refused to display 'http://www.google.com/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
このエラーが発生してロードされないURLリストにそのようなURLがある場合、そのURLをスキップして代わりに次のURLをロードするようにするにはどうすればよいですか? タイムアウトなどを設定できますか?