この記事では、WeChatアプレットの具体的なコードを参考までに共有します。具体的な内容は次のとおりです。 1. 効果図: 2.HTMLコード: <!--pages/game/game.wxml--> <view class="text">ふるい点の数は: {{total}}</view> <view class="point1"> <画像 src="{{top}}"> </画像> </ビュー> <view class="point2"> <画像 src="{{left}}"></画像> <画像 src="{{right}}"> </画像> </ビュー> <button class='{{btn}}' bindtap='click'>{{texts}}</button> 3.jsコード: データ: { 上: "../images/images/1-point.png", 合計: ''、 左: "../images/images/2-point.png", 右: "../images/images/3-point.png", btn: '.btnStart', テキスト:「シェイクして」 フラグ: true、 画像:[ "../images/images/1-point.png", "../images/images/2-point.png", "../images/images/3-point.png", "../images/images/4-point.png", "../images/images/5-point.png", 「../images/images/6-point.png」 ] }, /** * ライフサイクル機能 - ページの読み込みをリッスンする*/ クリック:関数(){ var self = this; if(this.data.flag){ self.timer = setInterval(関数(){ var one = Math.floor(Math.random() * 6); var two = Math.floor(Math.random() * 6); var three = Math.floor(Math.random() * 6); 自己.setData({ 上: self.data.img[one], 左: self.data.img[2], 右: self.data.img[three], 合計:1+2+3+3、 }) },200) 自己.setData({ btn: ".btnEnd"、 テキスト: 「停止」、 フラグ:false、 }) } それ以外 { タイマー間隔をクリアします。 自己.setData({ btn: ".btnStart"、 テキスト:「シェイクして」 フラグ: true、 }) } }, 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Linux での MySql centos7 のバイナリコンパイルとインストールに関するチュートリアル
>>: MySQL 5.7.23 解凍バージョンのインストールチュートリアル(画像とテキスト付き)
最近、私はプロジェクトに取り組んでおり、背景を記述するために SQL ステートメントを使用する必要が...
序文MySQL データベース ロックは、データの一貫性を実現し、同時実行性の問題を解決するための重要...
序文まず、高性能サーバーの高可用性またはホットスタンバイソリューションである Keepalived ...
必要なときにサービスを有効にし、必要がないときは無効にします。データベース サービスを管理する方法:...
最初にサーバー上に FTP サーバーをセットアップし始めたとき、接続できないことがわかったので、Fi...
IE は開発の初期段階では頭を悩ませましたが、他のブラウザとは異なります。他のブラウザがサポートして...
Docker で Zookeeper を素早くインストール会社を変わってから長らくZookeeper...
目次序文オプションの連鎖ヌル結合呼び出されていない関数のチェック他の序文TypeScript 3.7...
目次序文:ステップ1: 無料の天気予報インターフェースを見つけるステップ2: 天気予報インターフェー...
目次序文プロジェクトを初期化するデザインコードの実装オンデマンドロードオーディオを再生録音長押しイベ...
1. mysqlコマンドをインポートするmysql コマンドのインポート構文は次のとおりです。 my...
目次フィルター01.とは02. やり方(1)フィルターを定義する(2)使用方法(3)フィルタパラメー...
負荷分散とは負荷分散は主に、専用のハードウェア デバイスまたはソフトウェア アルゴリズムによって実現...
秘密鍵を開かずにリモート サーバーのデータベースに接続するのは非常に便利です。新しい接続でデータを入...
目次オープニングシーンv-for を使用した直接レンダリングカスタムコンポーネントで直接レンダリング...