CountingLikes

Developer
Jimmy Van Der Sleen
Size
2,654 Kb
Views
8,096
  1. CountingLikes Previews
  2. CountingLikes HTML Codes
  3. CountingLikes CSS Codes
  4. CountingLikes JS Codes

How do I make an countinglikes?

Simple like counter. What is a countinglikes? How do you make a countinglikes? This script and codes were developed by Jimmy Van Der Sleen on 15 January 2023, Sunday.

CountingLikes Previews
IQ Test

CountingLikes - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CountingLikes</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="main-wrapper"> <div class="number" data-id="600">0</div> <div class="text">Facebook likes</div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

CountingLikes - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
body { background-color: #6699cc; font-family: "Roboto", sans-serif;
}
#main-wrapper { width: 320px; margin: 100px auto; border: 2px solid #fff; box-shadow: 0px 0px 0px 2px #336699;
}
#main-wrapper .number { background: #204060; color: white; clear: both; width: 100%; text-align: center; font-size: 8em; font-weight: 500; box-shadow: inset 0 0 7px 1px rgba(0, 0, 0, 0.4);
}
#main-wrapper .text { width: 100%; color: white; background-color: #2d5986; text-align: center; padding: 8px 0; font-size: 1.5em; font-weight: 300;
}

CountingLikes - Script Codes JS Codes

var id = $('.number').attr('data-id');
var startNum = 0;
function counter () { if( startNum < id){ startNum++; $('.number').html(startNum); }
}
setInterval('counter()', 1);
CountingLikes - Script Codes
CountingLikes - Script Codes
Home Page Home
Developer Jimmy Van Der Sleen
Username sjimster
Uploaded January 15, 2023
Rating 3
Size 2,654 Kb
Views 8,096
Do you need developer help for CountingLikes?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jimmy Van Der Sleen (sjimster) Script Codes
Name
Toggle Hamburger Menu
Profile Card Envato Remix Challenge
Custom GoogleMaps
Flexbox vertical slide menu
Glow menu
Fancy input fields
SCSS BEM Tabs system
SoundCloud API user
One-page Navigation scroll plug-in
3D picture carousel css
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!