###前提・実現したいこと
Monacaでアプリケーションを開発しています。
OnsenUIで<ons-tub>を用いているのですが、main.htmlでJavascriptのソースが動作しないのですが、どうしたら良いのでしょうか。
###該当のソースコード
main.html <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <script src="js/app.js"></script> //このファイルが動作しません。 <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <ons-navigator var="nav" page="main.html"></ons-navigator> <ons-tabbar var="tabbar"> <ons-tab icon="clock-o" label="アラーム" page="main.html" active="true"></ons-tab> <ons-tab icon="area-chart" label="統計" page="history.html"></ons-tab> <ons-tab icon="gear" label="設定" page="setting.html"></ons-tab> </ons-tabbar> </body> </html>
app.js function onedigit(i) { return ("" + i).slice(-1); } function tendigit(i) { var str = "0" + i; return str.slice(-2, str.length - 1); } // 毎秒呼び出される関数 function clock() { // 数字の画像を呼び出す var figures = document.getElementsByClassName('figure'); // リアルタイムの時刻の取得 var now = new Date(); // 時間(Hour)の桁を設定 figures[0].src = 'images/clock/blue/figure-' + tendigit(now.getHours()) + '.png'; figures[1].src = 'images/clock/blue/figure-' + onedigit(now.getHours()) + '.png'; // 分(Minute)の桁を設定 figures[2].src = 'images/clock/blue/figure-' + tendigit(now.getMinutes()) + '.png'; figures[3].src = 'images/clock/blue/figure-' + onedigit(now.getMinutes()) + '.png'; // 秒(Second)の桁を設定 figures[4].src = 'images/clock/blue/figure-' + tendigit(now.getSeconds()) + '.png'; figures[5].src = 'images/clock/blue/figure-' + onedigit(now.getSeconds()) + '.png'; } // アプリを起動時に実行(1000ミリ秒経過時) setInterval(clock, 1000);
main.htmlでapp.jsを動かしたいのですが、動きません。
###補足情報(言語/FW/ツール等のバージョンなど)
OnsenUI:2.0.5
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/31 06:14
2017/03/31 06:48