Heim

JS-Spezialeffekte

CSS3-Spezialeffekte

CSS3-Digitaluhrcode mit Wochentagsdatum

Jetzt downloaden Vorschau

JS-Code

<script type="text/javascript" src="js/vue.min.js"></script>
<script>
var clock = new Vue({
    el: '#clock',
    data: {
        time: '',
        date: ''
    }
});

var week = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
var timerID = setInterval(updateTime, 1000);
updateTime();
function updateTime() {
    var cd = new Date();
    clock.time = zeroPadding(cd.getHours(), 2) + ':' + zeroPadding(cd.getMinutes(), 2) + ':' + zeroPadding(cd.getSeconds(), 2);
    clock.date = zeroPadding(cd.getFullYear(), 4) + '-' + zeroPadding(cd.getMonth()+1, 2) + '-' + zeroPadding(cd.getDate(), 2) + ' ' + week[cd.getDay()];
};

function zeroPadding(num, digit) {
    var zero = '';
    for(var i = 0; i < digit; i++) {
        zero += '0';
    }
    return (zero + num).slice(-digit);
}

	</script>



	这是一款非常简单的vue.js实现的带有星期日期的本地时间数字时钟代码。

Haftungsausschluss

Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn

Verwandter Artikel

So erzielen Sie mit CSS3 stereoskopische 3D-Effekte

14 Mar 2018

Dieses Mal zeige ich Ihnen, wie Sie mit CSS3 dreidimensionale 3D-Spezialeffekte erzielen. Was sind die Vorsichtsmaßnahmen für die Verwendung von CSS3, um dreidimensionale 3D-Spezialeffekte zu erzielen? Das Folgende ist ein praktischer Fall.

Beispiel-Tutorial zum Ein- und Ausblenden von Divs mit CSS3

24 May 2017

Es gibt viele Möglichkeiten, die Spezialeffekte eines Div anzuzeigen und auszublenden. Im Folgenden finden Sie eine Einführung, wie Sie dies mit reinem CSS3 erreichen können.

Tutorial zum Erstellen einer Vollbild-Hintergrundrotation mit H5 und CSS3

29 Nov 2017

Dieses Mal zeige ich Ihnen, wie Sie mit H5 und CSS3 eine Vollbild-Hintergrundrotation erstellen. Wie erstellt man mit H5 Spezialeffekte? Was sind die Vorsichtsmaßnahmen bei der Verwendung von H5 und CSS3? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Neun Retro-Kamera-Spezialeffektcodes, gezeichnet mit reinem CSS3

24 Jul 2020

In diesem Artikel werden neun Codes für Retro-Kamera-Spezialeffekte vorgestellt, die in reinem CSS3 implementiert sind. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Wie erreicht man den konkaven und konvexen Effekt von Schriftarten in CSS3? (mit Code)

29 Sep 2018

In diesem Artikel wird hauptsächlich die Verwendung von CSS3 vorgestellt, um den konkaven oder konvexen Effekt von Schriftarten zu erzielen. Wenn wir Webseiten entwerfen, müssen wir oft die Benutzererfahrung berücksichtigen, damit eine Webseite, die schön genug ist, Benutzer anziehen kann. Um den Inhalt der Webseite reicher und schöner zu machen, können wir PS verwenden, um viele Spezialeffekte zu erstellen. Tatsächlich können zusätzlich zu PS auch CSS3-Attribute verwendet werden, um verschiedene schöne Spezialeffekte zu erstellen. Im Folgenden stellen wir Ihnen eine CSS3-Spezialeffektmethode zum Erzielen konkaver und konvexer Schriftarten vor, die den Schriftarten einen dreidimensionalen Effekt verleihen soll.

So erzielen Sie mit CSS3 einen 3D-Flop-Effekt (vollständiger Code im Anhang)

27 Sep 2018

Vor kurzem habe ich etwas über CSS3 gelernt und finde, dass dies eine sehr praktische und coole Technologie ist, die nicht nur die in früheren Bildern ausgedrückten Muster und Formen ersetzen kann, sondern auch einige Spezialeffekte erzeugen kann.

So erzielen Sie mit CSS3 einen einfachen Schatteneffekt auf Bildern (vollständiger Code im Anhang)

29 Sep 2018

Der vorherige Artikel zeigte Ihnen, wie Sie mit CSS3 den Schatteneffekt von Text erzielen. In diesem Artikel erfahren Sie, wie Sie den Schatteneffekt von Bildern erzielen, der zwei Spezialeffekte umfasst: den Effekt einer gekrümmten Oberfläche/Ellipse und einen schwebenden Projektionseffekt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Spielen Sie mit 3D von CSS3!

01 May 2017

Beginnen wir ohne weiteres mit der Demo. Coole CSS3-Animation mit rotierender Laterne/Würfel: https://bupt-hjm.github.io/css3-3d/ Github-Quellcode-Adresse: https://github.com/BUPT-HJM /css3- 3D Coole CSS3-Flip-Animation: https://bupt-hjm.github.io/css3-flip-book/ Github-Quellcode-Adresse: https://github.com/BUPT-HJM/css3-flip-book Die Oben sind reine CSS3-Implementierungen ohne Verwendung

Implementierung von visuellen CSS3-Effekten

22 Mar 2018

Dieses Mal werde ich Ihnen die Implementierung visueller CSS3-Spezialeffekte vorstellen. Was sind die Vorsichtsmaßnahmen für die Realisierung visueller CSS3-Spezialeffekte? Das Folgende ist ein praktischer Fall.

See all articles