タイマー機能
(2024/09/16更新)
ページがロードされた後すぐにカウントダウンを開始する機能を実装できます。
カウントダウン終了後に、アクション(Click Flow)を設定できます。
ページがロードされた後に自動でカウントダウンを開始し、カウントダウンが終了した後にClick Flowで設定した処理を実行する機能を実装することができます。
シンプルなタイマー機能を付けたシンプルな抽選アプリを作成しながら、タイマー機能の実装方法を説明しています。
アプリ概要:ユーザーがアカウント登録・ログインした後、抽選開始。5秒間のカウントダウンが始まり、ランダムに「あたり」または「はずれ」のページに遷移します。
アプリURL
目次
※まず最初にホームから、新規アプリを作成してください。
データベースの設定
ユーザーテーブルのカラムに、項目を追加>数値を選択、名前をランダム値にしてOKボタンを押してください。
キャンバスの設定
デフォルトにアカウント登録>ログイン>ホームは準備されていますので、ホームの設定から行います。まず、ホームに画像エレメントを画面いっぱいに配置します。今回は動きを出すために。GIF画像(URL)で設定しました。
タイマーエレメントをホーム画面の上中央に設置します。
キャンバス右側の『エレメント』設定で、タイプを『カウントダウン』、時間(秒)を5に設定します。
新規ページ作成>白紙のページで、『当たり』ページ、『はずれページ』、2ページを作成してください。
Click Flowの設定
ホームに設置した『タイマーエレメント』を選択し、Click Flow>更新>User更新>データの選択Logged In Userを選択する。
データベースで作成した項目の『ランダム値』に、右上の変数アイコン>関数>RAND(0,100)>RAND(1,1000)と設定します。
ページ移動>作成済ページから選択>当たり
条件を付けます
条件より動作>Logged In User>ランダム値>~以下>499
ページ移動>作成済ページから選択>はずれ
条件を付けます
条件より動作>Logged In User>ランダム値>~以上>500
これで設定終了です。
ぜひ、他の機能と組み合わせて、お試しください。