{"id":21488538,"url":"https://github.com/dsabre/countdown","last_synced_at":"2025-03-17T10:43:05.693Z","repository":{"id":57109860,"uuid":"426635258","full_name":"dsabre/countdown","owner":"dsabre","description":"A fully customizable countdown javascript for your site.","archived":false,"fork":false,"pushed_at":"2021-11-12T09:56:14.000Z","size":27,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T14:43:17.585Z","etag":null,"topics":["countdown","javascript-countdown","js-countdown"],"latest_commit_sha":null,"homepage":"https://codepen.io/daniele-sabre/pen/XWaYQew","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dsabre.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-11-10T13:37:12.000Z","updated_at":"2021-11-12T09:56:00.000Z","dependencies_parsed_at":"2022-08-21T08:00:30.136Z","dependency_job_id":null,"html_url":"https://github.com/dsabre/countdown","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsabre%2Fcountdown","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsabre%2Fcountdown/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsabre%2Fcountdown/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsabre%2Fcountdown/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dsabre","download_url":"https://codeload.github.com/dsabre/countdown/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244019590,"owners_count":20384791,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["countdown","javascript-countdown","js-countdown"],"created_at":"2024-11-23T14:10:03.209Z","updated_at":"2025-03-17T10:43:05.675Z","avatar_url":"https://github.com/dsabre.png","language":"JavaScript","readme":"\n# Countdown\n\nA fully customizable countdown javascript for your site.\n\n[![Version](https://img.shields.io/npm/v/@dsabre/countdown?style=for-the-badge)](https://www.npmjs.com/package/@dsabre/countdown)\n[![License: MIT](https://img.shields.io/npm/l/@dsabre/countdown?registry_uri=https%3A%2F%2Fregistry.npmjs.org\u0026style=for-the-badge)](https://github.com/dsabre/countdown/blob/main/LICENSE)\n[![Downloads](https://img.shields.io/npm/dw/@dsabre/countdown?style=for-the-badge)](https://www.npmjs.com/package/@dsabre/countdown)\n[![GitHub issues](https://img.shields.io/github/issues-raw/dsabre/countdown?style=for-the-badge)](https://github.com/dsabre/countdown/issues)\n[![Dependencies](https://img.shields.io/librariesio/release/npm/@dsabre/countdown?style=for-the-badge)](https://www.npmjs.com/package/@dsabre/countdown)\n\n\n## Usage/Examples\n\n### Initialization\n\n```javascript\nimport Countdown from '@dsabre/countdown';\n\n(function() {\n    new Countdown();\n})();\n```\n\n### Usage\n\nDeclare an html element with `data-dscountdown` attribute, the value must be in the format: **m/d/Y H:i:s**\n\n```html\n\u003cdiv data-dscountdown=\"12/31/2050 23:59:59\"\u003e\u003c/div\u003e\n```\n\n### Other attributes\n\nLabels\n\n```\ndata-labels='{\"days\":\"days\",\"hours\":\"hours\",\"minutes\":\"minutes\",\"seconds\":\"seconds\"}'\n```\n\nPrefix\n\n```\ndata-prefix=\"Timer!\u0026nbsp;\"\n```\n\nSuffix\n\n```\ndata-suffix=\"\u0026nbsp;to ending!\"\n```\n\nChange separator (default `\":\"`)\n\n```\ndata-separator=\".\"\n```\n\nCustom container classes\n\n```\ndata-countdownclasses=\"exampleClass1 exampleClass2 ... exampleClassN\"\n```\n\nCustom values classes\n\n```\ndata-valuesclasses=\"exampleClass1 exampleClass2 ... exampleClassN\"\n```\n\nCustom labels classes\n\n```\ndata-labelclasses=\"exampleClass1 exampleClass2 ... exampleClassN\"\n```\n\nCustom separator classes\n\n```\ndata-separatorclasses=\"exampleClass1 exampleClass2 ... exampleClassN\"\n```\n\n### Full example\n\n```html\n\u003cdiv\n    data-dscountdown=\"12/31/2050 23:59:59\"\n    data-countdownclasses=\"bg-green\"\n    data-valuesclasses=\"bg-blue\"\n    data-labelclasses=\"bg-light\"\n    data-separatorclasses=\"bg-red\"\n    data-labels='{\"days\":\"days\",\"hours\":\"hours\",\"minutes\":\"minutes\",\"seconds\":\"seconds\"}'\n    data-prefix=\"Countdown to \u003cb\u003e12/31/2050 23:59:59\u003c/b\u003e (full config):\u0026nbsp;\"\n    data-suffix=\"\u0026nbsp;to ending!\"\n    data-separator=' | '\n\u003e\u003c/div\u003e\n```\n\n\n## Demo\n\nhttps://codepen.io/daniele-sabre/pen/XWaYQew\n\n\n## Contributing\n\nFor contributions, issues and feature requests please check [issues page](https://github.com/dsabre/countdown/issues).\n\n\n## Authors\n\n- [Daniele Sabre](https://github.com/dsabre)\n\n\n## Support me\n\u003ca href=\"https://www.buymeacoffee.com/daniele.sabre\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/dsabre/dsabre/main/images/bmc.png\" alt=\"Buy Me a Coffee\" title=\"Buy Me a Coffee\" height=\"50\" /\u003e\n\u003c/a\u003e\n\n\n## License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n\n","funding_links":["https://www.buymeacoffee.com/daniele.sabre"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdsabre%2Fcountdown","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdsabre%2Fcountdown","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdsabre%2Fcountdown/lists"}