Kategoriler
Kodlama

HTML, CSS ve JavaScript ile analog saat

HTML, CSS ve JavaScript kullanarak basit bir analog saatin nasıl yapıldığını gösterdim.

Bu yazıda HTML, CSS ve JavaScript kullanarak yapılmış bir analog saat örneği göreceksiniz.

Yukarıdaki resimde de görebileceğiniz gibi, çok basit ve basit bir tasarım. İşte zamanı görmek için üç saat, dakika ve saniye ibresi. Saat darbesinde 1’den 12’ye kadar sayılar vardır . Saat, cihazınızın saatine bağlıdır, yani saat, cihazınızın saatiyle aynı olacaktır. Başlangıçta bu saati oluşturmak için HTML programlama kodu kullanıldı. Bunu tasarlamak için CSS kodu kullanılmıştır. En dikkate değer çalışma JavaScript programlama kodudur. Elbette bu saati yapabilmek için HTML , CSS ve JavaScript hakkında temel bir fikre sahip olmanız gerekiyor.

Bu saatin nasıl çalıştığını öğrenmek istiyorsanız aşağıdan canlı demoyu izleyebilirsiniz. Tabii ki gerekli kaynak kodları içerisinde vardır, isterseniz bunları kopyalayıp kendi çalışmanızı kullanabilirsiniz. Çalışmanın kaynağını Codepen’den alabileceğiniz gibi bu adresten de indirebilirsiniz.

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO volkan@volkanyilmaz.com.tr