亚洲熟女乱色一区二区三区,亚洲国产激情一区二区三区

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實現(xiàn)的帶有星期日期的本地時間數(shù)字時鐘代碼。

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

Wie erstelle ich mit CSS3 und SVG eine Wellenform mit Rand?

13 Nov 2024

Wellenform mit Rand mit CSS3 und SVGDie Implementierung einer Wellenform mit CSS3 kann eine Herausforderung sein. W?hrend CSS3-Formen eine gro?e Auswahl bieten ...

Wie erstelle ich eine CSS3-Wellenform mit einem Rand?

17 Nov 2024

CSS3-Wellenform mit Rand: Bei dieser Abfrage m?chte der Benutzer mithilfe von CSS3 eine Wellenform mit einem Rand erstellen. Trotz des Versuchs, CSS3-Formen zu verwenden, ...

Wie erstelle ich Trapeze mit CSS3-3D-Transformationen?

07 Nov 2024

Zeichnen von Trapezen mit CSS3 Das in der Frage erw?hnte ?Trapez“ bezieht sich im Wesentlichen auf eine Trapezform. Das Zeichnen solcher Formen in CSS3 hat ...

Wie starte ich CSS3-Animationen mit Reflow neu?

15 Dec 2024

CSS3-Animationen neu startenDas Wiederbeleben von CSS3-Animationen bei Benutzerinteraktion ist eine h?ufige Aufgabe. Beim Entfernen und erneuten Einfügen des animierten Elements kann es vorkommen, dass ...

Wie kann ich Callback-Funktionen mit CSS3-Animationen ausl?sen?

27 Nov 2024

Callbacks für CSS3-Animationen verwenden Im Bereich der Webentwicklung stellt sich die Frage: K?nnen CSS3-Animationen Callback-Funktionen ausl?sen? W?hrend...

Wie kann ich mit CSS3-überg?ngen einen Ausblendeffekt erzeugen?

28 Oct 2024

CSS3-überg?nge: Erzielen von AusblendeffektenIn CSS3 bieten überg?nge ein leistungsstarkes Werkzeug zum Erstellen dynamischer visueller Effekte. Zu diesen Effekten geh?rt...

Wie erstelle ich mit CSS3 Dreiecksformen mit Hintergrundbildern?

11 Nov 2024

Dreiecksform mit Hintergrundbild: Ein CSS3-Ansatz Ihr Ziel, zwei Dreiecke mit Hintergrundbildern zu erstellen, die als Links fungieren, ist erreichbar ...

So drehen Sie Elemente in IE9 mit CSS3 Transform: rotation; ?

10 Nov 2024

CSS3 drehen: drehen; Transformieren im IE9Kompatibilit?tsprobleme treten h?ufig auf, wenn man versucht, CSS3-Eigenschaften in verschiedenen ... zu verwenden.

Wie erreicht man definierte Kanten mit dem CSS3-Unsch?rfefilter?

16 Nov 2024

Definierte Kanten mit CSS3-Filter-Unsch?rfe erzielen: Durch die Integration von CSS3-Filtern zum Unsch?rfen von Bildern werden visuelle Effekte verbessert. Allerdings ist der Standard-Unsch?rfefilter...

See all articles