かべ銀さんのサイト


<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 *; style-src * \'unsafe-inline\'; script-src * \'unsafe-inline\' \'unsafe-eval\'\">
    <link rel=\"stylesheet\" href=\"components/loader.css\">
    <link rel=\"stylesheet\" href=\"css/style.css\">
    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css\">

    <script src=\"components/loader.js\"></script>
    <script src=\"js/ncmb-2.0.0.min.js\"></script>
     <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js\"></script>
    <script>
    </script>
    <style>
        body{
            background: #aaedff;
            font-family: Roboto,sans-serif;
            font-weight: bold;
            margin: 120px auto;
            text-align: center;
        }
        .result{
            margin-bottom: 200px;
            font-size: 90px;
            color: #8fe7ff;
        }
        .hightlight{
            color: white;
           
        }
       
        .btn{
            margin: 0 auto 20px;
            padding: 14px;
            border-radius: 4px;
            background: #0af;
            width: 180px;
            color: white;
            font-size: 24px;
        }
        .msg{
            margin: 0 auto;
            font-size: 22px;
            color: #0AF;
        }
       
       
    </style>
</head>
<body>
    <div class=\"result\">
        <i class=\"fa fa-smile-o\"></i>
        <i class=\"fa fa-smile-o\"></i>
        <i class=\"fa fa-smile-o\"></i>
        </div>
        <div class=\"btn\">Wake Up!!   
        </div>
        <p class=\"msg\"></p>
       
    <script>
        var onDeviceReady=function(){
            //初期化
            var application_key=\"\";
            var client_key=\"\";
            var ncmb = new NCMB(application_key, client_key);
            $(\".btn\").on(\"click\",function(){
            //今の時間を取得
           var hour=(new Date()).getHours();
            //console.log(hour);
            //データの保存
            var WakeUpClass=ncmb.DataStore(\"WakeUpClass\");
            var wakeup=new WakeUpClass;
            wakeup.set(\"hour\",hour);
            wakeup.save().then(function(){
               //データの抽出
               //var query= new NCMB.Query(WakeUpClass);
               /*
               query.find().then(function(results){
                   console.log(results);
               });
              
               query.count().then(function(count){
                   console.log(count);
               });
               */
               WakeUpClass.equalTo(\"WakeUpClass\").count().fetchAll().then(function(results){
                  $(\".msg\").text(\"You\'re #\"+results.count+\"!\");
                 
               });
           
            });
           
           
             
           
            //条件分岐
            //スマイルマークをハイライト
            if (hour<12)$(\".fa:nth-child(1)\").addClass(\"hightlight\");
            if (hour<9)$(\".fa:nth-child(2)\").addClass(\"hightlight\");
            if (hour<7)$(\".fa:nth-child(3)\").addClass(\"hightlight\");
           
        });
        }
        document.addEventListener(\"deviceready\",onDeviceReady,false);
    </script>
</body>
</html>
かべ銀さんのサイト

2016年1月10日日曜日

0 件のコメント:

コメントを投稿
