利用H5制作一个倒计时demo的实例教程
这几天正好没事，所以研究了一下h5前端。
h5是一个标签语言，里面各种各样的标签相当于ios里面各种各样的控件，其实思维逻辑是跟ios差不多的，都是把控件创建出来，然后进行布局。不扯了，下面甩个demo：
倒计时.gif
简单说一下思路：这是一个倒计时加载图片的小demo，实现的思路很简单，就是先创建两个控件，
和
，在css里面把布局写一下，然后在javascript里面拿到这两个标签，这里说一下document 。document可以根据标签名 类 名字等拿到任意标签，相当于变成了全局变量，
下面直接甩代码：
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.image{
margin: 10px;
width: 200px;
height: 200px;
display: none;
}
.time{
margin: 10px;
font-size: 200px;
color: red;
}
</style>
</head>
<body>
<p class="time">10</p>
<script>
//根据类名取到对应的标签
var image = document.getElementsByClassName('image')[0];
var time = document.getElementsByClassName('time')[0];
var timer= setInterval(function(){
time.innerHTML = time.innerHTML - 1;
if(time.innerHTML == 0){
clearInterval(timer);
time.style.display = 'none'
image.style.display = 'inline-block';
}
},1000)
</script>
</body>
</html>自我感觉js是一个（超级）弱类型的语言，比oc还要弱，var可以接收任意类型的变量，相当于类型推导，相比于swift，简直太弱了，根本就没有自己的立场，哈哈，开个玩笑，不过这样倒替我们省去不少事情。
在此欢迎大神指点，如果有喜欢的人，麻烦点个关注，谢啦，
【相关推荐】
1. 免费h5在线视频教程
2. HTML5 完整版手册
Atas ialah kandungan terperinci 利用H5制作一个倒计时demo的实例教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1389
52
Apakah maksud demo?
Feb 12, 2024 pm 09:12 PM
Perkataan demo bukan lagi asing bagi rakan-rakan yang gemar menyanyi, tetapi ramai pengguna yang tidak pernah didedahkan dengannya tertanya-tanya apakah maksud demo. Sekarang mari kita lihat maksud demo yang dibawakan oleh editor. Apakah maksud demo? 1. Sebutan demo ialah ['deməʊ] dalam bahasa Inggeris dan ['demoʊ] di Amerika 2. Demo ialah singkatan daripada "demonstrasi", yang secara amnya merujuk kepada kesan awal mendengar lagu sebelum dirakam secara rasmi. 3. Demo digunakan sebagai kata nama untuk merujuk kepada pita contoh dan rekod sampel Maksud kata kerja ialah percubaan (terutama perisian), demonstrasi dan tunjuk cara;
Contoh SVM dalam Python
Jun 11, 2023 pm 08:42 PM
Mesin Vektor Sokongan (SVM) dalam Python ialah algoritma pembelajaran diselia yang berkuasa yang boleh digunakan untuk menyelesaikan masalah klasifikasi dan regresi. SVM berprestasi baik apabila menangani data berdimensi tinggi dan masalah bukan linear, dan digunakan secara meluas dalam perlombongan data, klasifikasi imej, klasifikasi teks, bioinformatik dan bidang lain. Dalam artikel ini, kami akan memperkenalkan contoh penggunaan SVM untuk pengelasan dalam Python. Kami akan menggunakan model SVM daripada perpustakaan scikit-learn
Apakah maksud h5?
Aug 02, 2023 pm 01:52 PM
H5 merujuk kepada HTML5, versi terkini HTML H5 ialah bahasa penanda yang berkuasa yang menyediakan pembangun dengan lebih banyak pilihan dan ruang kreatif Kemunculannya menggalakkan pembangunan teknologi Web dan menjadikan interaksi dan kesan halaman web lebih Cemerlang, sebagai teknologi H5. secara beransur-ansur matang dan menjadi popular, saya percaya ia akan memainkan peranan yang semakin penting dalam dunia Internet.
Bagaimana untuk membezakan antara H5, WEB front-end, big front-end dan WEB full stack?
Aug 03, 2022 pm 04:00 PM
Artikel ini akan membantu anda membezakan dengan cepat antara H5, bahagian hadapan WEB, bahagian hadapan yang besar dan timbunan penuh WEB. Saya harap ia akan membantu rakan yang memerlukan.
Bagaimana untuk menggunakan demo perpustakaan rawak python
May 05, 2023 pm 08:13 PM
Penggunaan mudah demo perpustakaan pythonrandom Apabila kita perlu menjana nombor rawak atau memilih unsur secara rawak daripada jujukan, kita boleh menggunakan perpustakaan rawak terbina dalam Python. Berikut ialah contoh beranotasi yang menunjukkan cara menggunakan pustaka rawak: #Import perpustakaan rawak importrandom #Jana perpuluhan rawak antara 0 dan 1 random_float=random.random()print(random_float)#Jana perpuluhan rawak dalam julat yang ditentukan Rawak integer (termasuk titik akhir) random_int=random.randint(1,10)print(random_int)#
Ketahui contoh amalan terbaik penukaran penunjuk di Golang
Feb 24, 2024 pm 03:51 PM
Golang ialah bahasa pengaturcaraan yang berkuasa dan cekap yang boleh digunakan untuk membangunkan pelbagai aplikasi dan perkhidmatan. Di Golang, penunjuk ialah konsep yang sangat penting, yang boleh membantu kami mengendalikan data dengan lebih fleksibel dan cekap. Penukaran penunjuk merujuk kepada proses operasi penunjuk antara jenis yang berbeza Artikel ini akan menggunakan contoh khusus untuk mempelajari amalan terbaik penukaran penunjuk di Golang. 1. Konsep asas Di Golang, setiap pembolehubah mempunyai alamat, dan alamat adalah lokasi pembolehubah dalam ingatan.
Contoh Permulaan VUE3: Membuat Pemain Video Mudah
Jun 15, 2023 pm 09:42 PM
Apabila rangka kerja hadapan generasi baharu terus muncul, VUE3 digemari sebagai rangka kerja bahagian hadapan yang pantas, fleksibel dan mudah digunakan. Seterusnya, mari kita pelajari asas VUE3 dan buat pemain video mudah. 1. Pasang VUE3 Mula-mula, kita perlu memasang VUE3 secara setempat. Buka alat baris arahan dan laksanakan arahan berikut: npminstallvue@next Kemudian, cipta fail HTML baharu dan perkenalkan VUE3: <!doctypehtml>
Contoh algoritma VAE dalam Python
Jun 11, 2023 pm 07:58 PM
VAE ialah model generatif, nama penuhnya ialah VariationalAutoencoder, yang diterjemahkan ke dalam bahasa Cina sebagai autoenkoder variasi. Ia adalah algoritma pembelajaran tanpa pengawasan yang boleh digunakan untuk menjana data baharu, seperti imej, audio, teks, dsb. Berbanding dengan pengekod auto biasa, VAE lebih fleksibel dan berkuasa serta boleh menjana data yang lebih kompleks dan realistik. Python adalah salah satu bahasa pengaturcaraan yang paling banyak digunakan dan salah satu alat utama untuk pembelajaran mendalam. Dalam Python, terdapat banyak pembelajaran mesin yang sangat baik dan mendalam
